primevue 3.19.0 → 3.20.0
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/api/Api.d.ts +22 -0
- package/avatar/Avatar.d.ts +8 -0
- package/avatar/Avatar.vue +9 -1
- package/avatar/avatar.cjs.js +17 -6
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.esm.js +17 -6
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +17 -6
- package/avatar/avatar.min.js +1 -1
- package/blockui/BlockUI.vue +8 -1
- package/blockui/blockui.cjs.js +14 -4
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +15 -5
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +14 -4
- package/blockui/blockui.min.js +1 -1
- package/calendar/Calendar.vue +4 -0
- package/calendar/calendar.cjs.js +4 -0
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +4 -0
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +4 -0
- package/calendar/calendar.min.js +1 -1
- package/chip/Chip.vue +7 -2
- package/chip/chip.cjs.js +14 -7
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +15 -8
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +14 -7
- package/chip/chip.min.js +1 -1
- package/config/PrimeVue.d.ts +1 -0
- package/config/config.cjs.js +2 -1
- package/config/config.cjs.min.js +1 -1
- package/config/config.esm.js +2 -1
- package/config/config.esm.min.js +1 -1
- package/config/config.js +2 -1
- package/config/config.min.js +1 -1
- package/core/core.js +3 -1
- package/core/core.min.js +2 -2
- package/dialog/Dialog.d.ts +1 -1
- package/fieldset/Fieldset.d.ts +1 -1
- package/fieldset/Fieldset.vue +20 -2
- package/fieldset/fieldset.cjs.js +11 -5
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +12 -6
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +11 -5
- package/fieldset/fieldset.min.js +1 -1
- package/inplace/Inplace.d.ts +9 -1
- package/inplace/Inplace.vue +17 -3
- package/inplace/inplace.cjs.js +25 -7
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +26 -8
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +25 -7
- package/inplace/inplace.min.js +1 -1
- package/overlaypanel/OverlayPanel.d.ts +0 -5
- package/overlaypanel/OverlayPanel.vue +4 -5
- package/overlaypanel/overlaypanel.cjs.js +4 -5
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +4 -5
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +4 -5
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/panel/Panel.d.ts +2 -2
- package/panel/Panel.vue +9 -2
- package/panel/panel.cjs.js +11 -5
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.esm.js +12 -6
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +11 -5
- package/panel/panel.min.js +1 -1
- package/progressspinner/ProgressSpinner.vue +1 -1
- package/progressspinner/progressspinner.cjs.js +1 -2
- package/progressspinner/progressspinner.cjs.min.js +1 -1
- package/progressspinner/progressspinner.esm.js +1 -2
- package/progressspinner/progressspinner.esm.min.js +1 -1
- package/progressspinner/progressspinner.js +1 -2
- package/progressspinner/progressspinner.min.js +1 -1
- package/resources/primevue.css +0 -0
- package/resources/primevue.min.css +0 -0
- package/ripple/ripple.cjs.js +1 -0
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +1 -0
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +1 -0
- package/ripple/ripple.min.js +1 -1
- package/scrolltop/ScrollTop.vue +4 -1
- package/scrolltop/scrolltop.cjs.js +8 -2
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.esm.js +8 -2
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +8 -2
- package/scrolltop/scrolltop.min.js +1 -1
- package/skeleton/Skeleton.vue +1 -1
- package/skeleton/skeleton.cjs.js +2 -1
- package/skeleton/skeleton.cjs.min.js +1 -1
- package/skeleton/skeleton.esm.js +2 -1
- package/skeleton/skeleton.esm.min.js +1 -1
- package/skeleton/skeleton.js +2 -1
- package/skeleton/skeleton.min.js +1 -1
- package/tabview/TabView.vue +8 -2
- package/tabview/tabview.cjs.js +8 -2
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +8 -2
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +8 -2
- package/tabview/tabview.min.js +1 -1
- package/terminal/Terminal.vue +2 -2
- package/terminal/terminal.cjs.js +5 -2
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +5 -2
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +5 -2
- package/terminal/terminal.min.js +1 -1
- package/vetur-attributes.json +21 -9
- package/vetur-tags.json +7 -4
- package/web-types.json +46 -16
package/panel/panel.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { UniqueComponentId } from 'primevue/utils';
|
|
2
2
|
import Ripple from 'primevue/ripple';
|
|
3
|
-
import { resolveDirective, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, createCommentVNode, withDirectives, createVNode, Transition, withCtx, vShow } from 'vue';
|
|
3
|
+
import { resolveDirective, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, createCommentVNode, withDirectives, mergeProps, createVNode, Transition, withCtx, vShow } from 'vue';
|
|
4
4
|
|
|
5
5
|
var script = {
|
|
6
6
|
name: 'Panel',
|
|
@@ -9,7 +9,10 @@ var script = {
|
|
|
9
9
|
header: String,
|
|
10
10
|
toggleable: Boolean,
|
|
11
11
|
collapsed: Boolean,
|
|
12
|
-
toggleButtonProps:
|
|
12
|
+
toggleButtonProps: {
|
|
13
|
+
type: null,
|
|
14
|
+
defaault: null
|
|
15
|
+
}
|
|
13
16
|
},
|
|
14
17
|
data() {
|
|
15
18
|
return {
|
|
@@ -43,6 +46,9 @@ var script = {
|
|
|
43
46
|
},
|
|
44
47
|
containerClass() {
|
|
45
48
|
return ['p-panel p-component', { 'p-panel-toggleable': this.toggleable }];
|
|
49
|
+
},
|
|
50
|
+
buttonAriaLabel() {
|
|
51
|
+
return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.header;
|
|
46
52
|
}
|
|
47
53
|
},
|
|
48
54
|
directives: {
|
|
@@ -76,22 +82,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
76
82
|
createElementVNode("div", _hoisted_3, [
|
|
77
83
|
renderSlot(_ctx.$slots, "icons"),
|
|
78
84
|
($props.toggleable)
|
|
79
|
-
? withDirectives((openBlock(), createElementBlock("button", {
|
|
85
|
+
? withDirectives((openBlock(), createElementBlock("button", mergeProps({
|
|
80
86
|
key: 0,
|
|
81
87
|
id: $options.ariaId + '_header',
|
|
82
88
|
type: "button",
|
|
83
89
|
role: "button",
|
|
84
90
|
class: "p-panel-header-icon p-panel-toggler p-link",
|
|
85
|
-
"aria-label": $
|
|
91
|
+
"aria-label": $options.buttonAriaLabel,
|
|
86
92
|
"aria-controls": $options.ariaId + '_content',
|
|
87
93
|
"aria-expanded": !$data.d_collapsed,
|
|
88
94
|
onClick: _cache[0] || (_cache[0] = (...args) => ($options.toggle && $options.toggle(...args))),
|
|
89
95
|
onKeydown: _cache[1] || (_cache[1] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args)))
|
|
90
|
-
}, [
|
|
96
|
+
}, $props.toggleButtonProps), [
|
|
91
97
|
createElementVNode("span", {
|
|
92
98
|
class: normalizeClass({ 'pi pi-minus': !$data.d_collapsed, 'pi pi-plus': $data.d_collapsed })
|
|
93
99
|
}, null, 2)
|
|
94
|
-
],
|
|
100
|
+
], 16, _hoisted_4)), [
|
|
95
101
|
[_directive_ripple]
|
|
96
102
|
])
|
|
97
103
|
: createCommentVNode("", true)
|
package/panel/panel.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{UniqueComponentId as e}from"primevue/utils";import
|
|
1
|
+
import{UniqueComponentId as e}from"primevue/utils";import t from"primevue/ripple";import{resolveDirective as n,openBlock as l,createElementBlock as a,normalizeClass as o,createElementVNode as i,renderSlot as s,toDisplayString as d,createCommentVNode as p,withDirectives as r,mergeProps as c,createVNode as g,Transition as u,withCtx as h,vShow as b}from"vue";var m={name:"Panel",emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,defaault:null}},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:()=>e(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]},buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.header}},directives:{ripple:t}};const f={class:"p-panel-header"},y=["id"],x={class:"p-panel-icons"},v=["id","aria-label","aria-controls","aria-expanded"],_=["id","aria-labelledby"],k={class:"p-panel-content"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.p-panel-title {\n line-height: 1;\n}\n.p-panel-header-icon {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n"),m.render=function(e,t,m,w,B,C){const I=n("ripple");return l(),a("div",{class:o(C.containerClass)},[i("div",f,[s(e.$slots,"header",{},(()=>[m.header?(l(),a("span",{key:0,id:C.ariaId+"_header",class:"p-panel-title"},d(m.header),9,y)):p("",!0)])),i("div",x,[s(e.$slots,"icons"),m.toggleable?r((l(),a("button",c({key:0,id:C.ariaId+"_header",type:"button",role:"button",class:"p-panel-header-icon p-panel-toggler p-link","aria-label":C.buttonAriaLabel,"aria-controls":C.ariaId+"_content","aria-expanded":!B.d_collapsed,onClick:t[0]||(t[0]=(...e)=>C.toggle&&C.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>C.onKeyDown&&C.onKeyDown(...e))},m.toggleButtonProps),[i("span",{class:o({"pi pi-minus":!B.d_collapsed,"pi pi-plus":B.d_collapsed})},null,2)],16,v)),[[I]]):p("",!0)])]),g(u,{name:"p-toggleable-content"},{default:h((()=>[r(i("div",{id:C.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":C.ariaId+"_header"},[i("div",k,[s(e.$slots,"default")])],8,_),[[b,!B.d_collapsed]])])),_:3})],2)};export{m as default};
|
package/panel/panel.js
CHANGED
|
@@ -13,7 +13,10 @@ this.primevue.panel = (function (utils, Ripple, vue) {
|
|
|
13
13
|
header: String,
|
|
14
14
|
toggleable: Boolean,
|
|
15
15
|
collapsed: Boolean,
|
|
16
|
-
toggleButtonProps:
|
|
16
|
+
toggleButtonProps: {
|
|
17
|
+
type: null,
|
|
18
|
+
defaault: null
|
|
19
|
+
}
|
|
17
20
|
},
|
|
18
21
|
data() {
|
|
19
22
|
return {
|
|
@@ -47,6 +50,9 @@ this.primevue.panel = (function (utils, Ripple, vue) {
|
|
|
47
50
|
},
|
|
48
51
|
containerClass() {
|
|
49
52
|
return ['p-panel p-component', { 'p-panel-toggleable': this.toggleable }];
|
|
53
|
+
},
|
|
54
|
+
buttonAriaLabel() {
|
|
55
|
+
return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.header;
|
|
50
56
|
}
|
|
51
57
|
},
|
|
52
58
|
directives: {
|
|
@@ -80,22 +86,22 @@ this.primevue.panel = (function (utils, Ripple, vue) {
|
|
|
80
86
|
vue.createElementVNode("div", _hoisted_3, [
|
|
81
87
|
vue.renderSlot(_ctx.$slots, "icons"),
|
|
82
88
|
($props.toggleable)
|
|
83
|
-
? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
|
|
89
|
+
? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
|
|
84
90
|
key: 0,
|
|
85
91
|
id: $options.ariaId + '_header',
|
|
86
92
|
type: "button",
|
|
87
93
|
role: "button",
|
|
88
94
|
class: "p-panel-header-icon p-panel-toggler p-link",
|
|
89
|
-
"aria-label": $
|
|
95
|
+
"aria-label": $options.buttonAriaLabel,
|
|
90
96
|
"aria-controls": $options.ariaId + '_content',
|
|
91
97
|
"aria-expanded": !$data.d_collapsed,
|
|
92
98
|
onClick: _cache[0] || (_cache[0] = (...args) => ($options.toggle && $options.toggle(...args))),
|
|
93
99
|
onKeydown: _cache[1] || (_cache[1] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args)))
|
|
94
|
-
}, [
|
|
100
|
+
}, $props.toggleButtonProps), [
|
|
95
101
|
vue.createElementVNode("span", {
|
|
96
102
|
class: vue.normalizeClass({ 'pi pi-minus': !$data.d_collapsed, 'pi pi-plus': $data.d_collapsed })
|
|
97
103
|
}, null, 2)
|
|
98
|
-
],
|
|
104
|
+
], 16, _hoisted_4)), [
|
|
99
105
|
[_directive_ripple]
|
|
100
106
|
])
|
|
101
107
|
: vue.createCommentVNode("", true)
|
package/panel/panel.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.panel=function(e,t,n){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Panel",emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.panel=function(e,t,n){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Panel",emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,defaault:null}},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:()=>e.UniqueComponentId(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]},buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.header}},directives:{ripple:l(t).default}};const o={class:"p-panel-header"},i=["id"],r={class:"p-panel-icons"},s=["id","aria-label","aria-controls","aria-expanded"],d=["id","aria-labelledby"],p={class:"p-panel-content"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.p-panel-title {\n line-height: 1;\n}\n.p-panel-header-icon {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n"),a.render=function(e,t,l,a,c,u){const g=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(u.containerClass)},[n.createElementVNode("div",o,[n.renderSlot(e.$slots,"header",{},(()=>[l.header?(n.openBlock(),n.createElementBlock("span",{key:0,id:u.ariaId+"_header",class:"p-panel-title"},n.toDisplayString(l.header),9,i)):n.createCommentVNode("",!0)])),n.createElementVNode("div",r,[n.renderSlot(e.$slots,"icons"),l.toggleable?n.withDirectives((n.openBlock(),n.createElementBlock("button",n.mergeProps({key:0,id:u.ariaId+"_header",type:"button",role:"button",class:"p-panel-header-icon p-panel-toggler p-link","aria-label":u.buttonAriaLabel,"aria-controls":u.ariaId+"_content","aria-expanded":!c.d_collapsed,onClick:t[0]||(t[0]=(...e)=>u.toggle&&u.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>u.onKeyDown&&u.onKeyDown(...e))},l.toggleButtonProps),[n.createElementVNode("span",{class:n.normalizeClass({"pi pi-minus":!c.d_collapsed,"pi pi-plus":c.d_collapsed})},null,2)],16,s)),[[g]]):n.createCommentVNode("",!0)])]),n.createVNode(n.Transition,{name:"p-toggleable-content"},{default:n.withCtx((()=>[n.withDirectives(n.createElementVNode("div",{id:u.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":u.ariaId+"_header"},[n.createElementVNode("div",p,[n.renderSlot(e.$slots,"default")])],8,d),[[n.vShow,!c.d_collapsed]])])),_:3})],2)},a}(primevue.utils,primevue.ripple,Vue);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="p-progress-spinner" role="
|
|
2
|
+
<div class="p-progress-spinner" role="progressbar">
|
|
3
3
|
<svg class="p-progress-spinner-svg" viewBox="25 25 50 50" :style="svgStyle">
|
|
4
4
|
<circle class="p-progress-spinner-circle" cx="50" cy="50" r="20" :fill="fill" :stroke-width="strokeWidth" strokeMiterlimit="10" />
|
|
5
5
|
</svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("vue"),e={name:"ProgressSpinner",props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const r={class:"p-progress-spinner",role:"
|
|
1
|
+
"use strict";var n=require("vue"),e={name:"ProgressSpinner",props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const r={class:"p-progress-spinner",role:"progressbar"},s=["fill","stroke-width"];!function(n,e){void 0===e&&(e={});var r=e.insertAt;if(n&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===r&&s.firstChild?s.insertBefore(t,s.firstChild):s.appendChild(t),t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n))}}("\n.p-progress-spinner {\n position: relative;\n margin: 0 auto;\n width: 100px;\n height: 100px;\n display: inline-block;\n}\n.p-progress-spinner::before {\n content: '';\n display: block;\n padding-top: 100%;\n}\n.p-progress-spinner-svg {\n -webkit-animation: p-progress-spinner-rotate 2s linear infinite;\n animation: p-progress-spinner-rotate 2s linear infinite;\n height: 100%;\n -webkit-transform-origin: center center;\n transform-origin: center center;\n width: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n}\n.p-progress-spinner-circle {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: 0;\n stroke: #d62d20;\n -webkit-animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n stroke-linecap: round;\n}\n@-webkit-keyframes p-progress-spinner-rotate {\n100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@keyframes p-progress-spinner-rotate {\n100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@-webkit-keyframes p-progress-spinner-dash {\n0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n}\n50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n}\n100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n}\n}\n@keyframes p-progress-spinner-dash {\n0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n}\n50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n}\n100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n}\n}\n@-webkit-keyframes p-progress-spinner-color {\n100%,\n 0% {\n stroke: #d62d20;\n}\n40% {\n stroke: #0057e7;\n}\n66% {\n stroke: #008744;\n}\n80%,\n 90% {\n stroke: #ffa700;\n}\n}\n@keyframes p-progress-spinner-color {\n100%,\n 0% {\n stroke: #d62d20;\n}\n40% {\n stroke: #0057e7;\n}\n66% {\n stroke: #008744;\n}\n80%,\n 90% {\n stroke: #ffa700;\n}\n}\n"),e.render=function(e,t,o,i,a,p){return n.openBlock(),n.createElementBlock("div",r,[(n.openBlock(),n.createElementBlock("svg",{class:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:n.normalizeStyle(p.svgStyle)},[n.createElementVNode("circle",{class:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:o.fill,"stroke-width":o.strokeWidth,strokeMiterlimit:"10"},null,8,s)],4))])},module.exports=e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{openBlock as n,createElementBlock as e,normalizeStyle as r,createElementVNode as s}from"vue";var t={name:"ProgressSpinner",props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const o={class:"p-progress-spinner",role:"
|
|
1
|
+
import{openBlock as n,createElementBlock as e,normalizeStyle as r,createElementVNode as s}from"vue";var t={name:"ProgressSpinner",props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const o={class:"p-progress-spinner",role:"progressbar"},i=["fill","stroke-width"];!function(n,e){void 0===e&&(e={});var r=e.insertAt;if(n&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===r&&s.firstChild?s.insertBefore(t,s.firstChild):s.appendChild(t),t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n))}}("\n.p-progress-spinner {\n position: relative;\n margin: 0 auto;\n width: 100px;\n height: 100px;\n display: inline-block;\n}\n.p-progress-spinner::before {\n content: '';\n display: block;\n padding-top: 100%;\n}\n.p-progress-spinner-svg {\n -webkit-animation: p-progress-spinner-rotate 2s linear infinite;\n animation: p-progress-spinner-rotate 2s linear infinite;\n height: 100%;\n -webkit-transform-origin: center center;\n transform-origin: center center;\n width: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n}\n.p-progress-spinner-circle {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: 0;\n stroke: #d62d20;\n -webkit-animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n stroke-linecap: round;\n}\n@-webkit-keyframes p-progress-spinner-rotate {\n100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@keyframes p-progress-spinner-rotate {\n100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@-webkit-keyframes p-progress-spinner-dash {\n0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n}\n50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n}\n100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n}\n}\n@keyframes p-progress-spinner-dash {\n0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n}\n50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n}\n100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n}\n}\n@-webkit-keyframes p-progress-spinner-color {\n100%,\n 0% {\n stroke: #d62d20;\n}\n40% {\n stroke: #0057e7;\n}\n66% {\n stroke: #008744;\n}\n80%,\n 90% {\n stroke: #ffa700;\n}\n}\n@keyframes p-progress-spinner-color {\n100%,\n 0% {\n stroke: #d62d20;\n}\n40% {\n stroke: #0057e7;\n}\n66% {\n stroke: #008744;\n}\n80%,\n 90% {\n stroke: #ffa700;\n}\n}\n"),t.render=function(t,a,p,d,f,l){return n(),e("div",o,[(n(),e("svg",{class:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:r(l.svgStyle)},[s("circle",{class:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:p.fill,"stroke-width":p.strokeWidth,strokeMiterlimit:"10"},null,8,i)],4))])};export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.progressspinner=function(n){"use strict";var e={name:"ProgressSpinner",props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const r={class:"p-progress-spinner",role:"
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.progressspinner=function(n){"use strict";var e={name:"ProgressSpinner",props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const r={class:"p-progress-spinner",role:"progressbar"},s=["fill","stroke-width"];return function(n,e){void 0===e&&(e={});var r=e.insertAt;if(n&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===r&&s.firstChild?s.insertBefore(t,s.firstChild):s.appendChild(t),t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n))}}("\n.p-progress-spinner {\n position: relative;\n margin: 0 auto;\n width: 100px;\n height: 100px;\n display: inline-block;\n}\n.p-progress-spinner::before {\n content: '';\n display: block;\n padding-top: 100%;\n}\n.p-progress-spinner-svg {\n -webkit-animation: p-progress-spinner-rotate 2s linear infinite;\n animation: p-progress-spinner-rotate 2s linear infinite;\n height: 100%;\n -webkit-transform-origin: center center;\n transform-origin: center center;\n width: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n}\n.p-progress-spinner-circle {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: 0;\n stroke: #d62d20;\n -webkit-animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n stroke-linecap: round;\n}\n@-webkit-keyframes p-progress-spinner-rotate {\n100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@keyframes p-progress-spinner-rotate {\n100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@-webkit-keyframes p-progress-spinner-dash {\n0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n}\n50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n}\n100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n}\n}\n@keyframes p-progress-spinner-dash {\n0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n}\n50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n}\n100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n}\n}\n@-webkit-keyframes p-progress-spinner-color {\n100%,\n 0% {\n stroke: #d62d20;\n}\n40% {\n stroke: #0057e7;\n}\n66% {\n stroke: #008744;\n}\n80%,\n 90% {\n stroke: #ffa700;\n}\n}\n@keyframes p-progress-spinner-color {\n100%,\n 0% {\n stroke: #d62d20;\n}\n40% {\n stroke: #0057e7;\n}\n66% {\n stroke: #008744;\n}\n80%,\n 90% {\n stroke: #ffa700;\n}\n}\n"),e.render=function(e,t,o,i,a,p){return n.openBlock(),n.createElementBlock("div",r,[(n.openBlock(),n.createElementBlock("svg",{class:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:n.normalizeStyle(p.svgStyle)},[n.createElementVNode("circle",{class:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:o.fill,"stroke-width":o.strokeWidth,strokeMiterlimit:"10"},null,8,s)],4))])},e}(Vue);
|
package/resources/primevue.css
CHANGED
|
File without changes
|
|
File without changes
|
package/ripple/ripple.cjs.js
CHANGED
package/ripple/ripple.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/utils");let t;function n(e){let t=o(e);t&&(!function(e){e.removeEventListener("mousedown",i)}(e),t.removeEventListener("animationend",r),t.remove())}function i(n){let i=n.currentTarget,r=o(i);if(!r||"none"===getComputedStyle(r,null).display)return;if(e.DomHandler.removeClass(r,"p-ink-active"),!e.DomHandler.getHeight(r)&&!e.DomHandler.getWidth(r)){let t=Math.max(e.DomHandler.getOuterWidth(i),e.DomHandler.getOuterHeight(i));r.style.height=t+"px",r.style.width=t+"px"}let l=e.DomHandler.getOffset(i),a=n.pageX-l.left+document.body.scrollTop-e.DomHandler.getWidth(r)/2,d=n.pageY-l.top+document.body.scrollLeft-e.DomHandler.getHeight(r)/2;r.style.top=d+"px",r.style.left=a+"px",e.DomHandler.addClass(r,"p-ink-active"),t=setTimeout((()=>{r&&e.DomHandler.removeClass(r,"p-ink-active")}),401)}function r(n){t&&clearTimeout(t),e.DomHandler.removeClass(n.currentTarget,"p-ink-active")}function o(e){for(let t=0;t<e.children.length;t++)if("string"==typeof e.children[t].className&&-1!==e.children[t].className.indexOf("p-ink"))return e.children[t];return null}const l={mounted(e,t){t.instance.$primevue&&t.instance.$primevue.config&&t.instance.$primevue.config.ripple&&(function(e){let t=document.createElement("span");t.className="p-ink",t.setAttribute("role","presentation"),e.appendChild(t),t.addEventListener("animationend",r)}(e),function(e){e.addEventListener("mousedown",i)}(e))},unmounted(e){n(e)}};module.exports=l;
|
|
1
|
+
"use strict";var e=require("primevue/utils");let t;function n(e){let t=o(e);t&&(!function(e){e.removeEventListener("mousedown",i)}(e),t.removeEventListener("animationend",r),t.remove())}function i(n){let i=n.currentTarget,r=o(i);if(!r||"none"===getComputedStyle(r,null).display)return;if(e.DomHandler.removeClass(r,"p-ink-active"),!e.DomHandler.getHeight(r)&&!e.DomHandler.getWidth(r)){let t=Math.max(e.DomHandler.getOuterWidth(i),e.DomHandler.getOuterHeight(i));r.style.height=t+"px",r.style.width=t+"px"}let l=e.DomHandler.getOffset(i),a=n.pageX-l.left+document.body.scrollTop-e.DomHandler.getWidth(r)/2,d=n.pageY-l.top+document.body.scrollLeft-e.DomHandler.getHeight(r)/2;r.style.top=d+"px",r.style.left=a+"px",e.DomHandler.addClass(r,"p-ink-active"),t=setTimeout((()=>{r&&e.DomHandler.removeClass(r,"p-ink-active")}),401)}function r(n){t&&clearTimeout(t),e.DomHandler.removeClass(n.currentTarget,"p-ink-active")}function o(e){for(let t=0;t<e.children.length;t++)if("string"==typeof e.children[t].className&&-1!==e.children[t].className.indexOf("p-ink"))return e.children[t];return null}const l={mounted(e,t){t.instance.$primevue&&t.instance.$primevue.config&&t.instance.$primevue.config.ripple&&(function(e){let t=document.createElement("span");t.className="p-ink",t.setAttribute("role","presentation"),t.setAttribute("aria-hidden","true"),e.appendChild(t),t.addEventListener("animationend",r)}(e),function(e){e.addEventListener("mousedown",i)}(e))},unmounted(e){n(e)}};module.exports=l;
|
package/ripple/ripple.esm.js
CHANGED
package/ripple/ripple.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{DomHandler as e}from"primevue/utils";let t;function n(e){let t=
|
|
1
|
+
import{DomHandler as e}from"primevue/utils";let t;function n(e){let t=o(e);t&&(!function(e){e.removeEventListener("mousedown",i)}(e),t.removeEventListener("animationend",r),t.remove())}function i(n){let i=n.currentTarget,r=o(i);if(!r||"none"===getComputedStyle(r,null).display)return;if(e.removeClass(r,"p-ink-active"),!e.getHeight(r)&&!e.getWidth(r)){let t=Math.max(e.getOuterWidth(i),e.getOuterHeight(i));r.style.height=t+"px",r.style.width=t+"px"}let l=e.getOffset(i),a=n.pageX-l.left+document.body.scrollTop-e.getWidth(r)/2,s=n.pageY-l.top+document.body.scrollLeft-e.getHeight(r)/2;r.style.top=s+"px",r.style.left=a+"px",e.addClass(r,"p-ink-active"),t=setTimeout((()=>{r&&e.removeClass(r,"p-ink-active")}),401)}function r(n){t&&clearTimeout(t),e.removeClass(n.currentTarget,"p-ink-active")}function o(e){for(let t=0;t<e.children.length;t++)if("string"==typeof e.children[t].className&&-1!==e.children[t].className.indexOf("p-ink"))return e.children[t];return null}const l={mounted(e,t){t.instance.$primevue&&t.instance.$primevue.config&&t.instance.$primevue.config.ripple&&(function(e){let t=document.createElement("span");t.className="p-ink",t.setAttribute("role","presentation"),t.setAttribute("aria-hidden","true"),e.appendChild(t),t.addEventListener("animationend",r)}(e),function(e){e.addEventListener("mousedown",i)}(e))},unmounted(e){n(e)}};export{l as default};
|
package/ripple/ripple.js
CHANGED
package/ripple/ripple.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.ripple=function(e){"use strict";let t;function n(e){let t=l(e);t&&(!function(e){e.removeEventListener("mousedown",i)}(e),t.removeEventListener("animationend",r),t.remove())}function i(n){let i=n.currentTarget,r=l(i);if(!r||"none"===getComputedStyle(r,null).display)return;if(e.DomHandler.removeClass(r,"p-ink-active"),!e.DomHandler.getHeight(r)&&!e.DomHandler.getWidth(r)){let t=Math.max(e.DomHandler.getOuterWidth(i),e.DomHandler.getOuterHeight(i));r.style.height=t+"px",r.style.width=t+"px"}let o=e.DomHandler.getOffset(i),a=n.pageX-o.left+document.body.scrollTop-e.DomHandler.getWidth(r)/2,
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.ripple=function(e){"use strict";let t;function n(e){let t=l(e);t&&(!function(e){e.removeEventListener("mousedown",i)}(e),t.removeEventListener("animationend",r),t.remove())}function i(n){let i=n.currentTarget,r=l(i);if(!r||"none"===getComputedStyle(r,null).display)return;if(e.DomHandler.removeClass(r,"p-ink-active"),!e.DomHandler.getHeight(r)&&!e.DomHandler.getWidth(r)){let t=Math.max(e.DomHandler.getOuterWidth(i),e.DomHandler.getOuterHeight(i));r.style.height=t+"px",r.style.width=t+"px"}let o=e.DomHandler.getOffset(i),a=n.pageX-o.left+document.body.scrollTop-e.DomHandler.getWidth(r)/2,d=n.pageY-o.top+document.body.scrollLeft-e.DomHandler.getHeight(r)/2;r.style.top=d+"px",r.style.left=a+"px",e.DomHandler.addClass(r,"p-ink-active"),t=setTimeout((()=>{r&&e.DomHandler.removeClass(r,"p-ink-active")}),401)}function r(n){t&&clearTimeout(t),e.DomHandler.removeClass(n.currentTarget,"p-ink-active")}function l(e){for(let t=0;t<e.children.length;t++)if("string"==typeof e.children[t].className&&-1!==e.children[t].className.indexOf("p-ink"))return e.children[t];return null}return{mounted(e,t){t.instance.$primevue&&t.instance.$primevue.config&&t.instance.$primevue.config.ripple&&(function(e){let t=document.createElement("span");t.className="p-ink",t.setAttribute("role","presentation"),t.setAttribute("aria-hidden","true"),e.appendChild(t),t.addEventListener("animationend",r)}(e),function(e){e.addEventListener("mousedown",i)}(e))},unmounted(e){n(e)}}}(primevue.utils);
|
package/scrolltop/ScrollTop.vue
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<transition name="p-scrolltop" appear @enter="onEnter" @after-leave="onAfterLeave">
|
|
3
|
-
<button v-if="visible" :ref="containerRef" :class="containerClass" @click="onClick" type="button">
|
|
3
|
+
<button v-if="visible" :ref="containerRef" :class="containerClass" @click="onClick" type="button" :aria-label="scrollTopAriaLabel">
|
|
4
4
|
<span :class="iconClass"></span>
|
|
5
5
|
</button>
|
|
6
6
|
</transition>
|
|
@@ -104,6 +104,9 @@ export default {
|
|
|
104
104
|
},
|
|
105
105
|
iconClass() {
|
|
106
106
|
return ['p-scrolltop-icon', this.icon];
|
|
107
|
+
},
|
|
108
|
+
scrollTopAriaLabel() {
|
|
109
|
+
return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.scrollTop : undefined;
|
|
107
110
|
}
|
|
108
111
|
}
|
|
109
112
|
};
|
|
@@ -98,10 +98,15 @@ var script = {
|
|
|
98
98
|
},
|
|
99
99
|
iconClass() {
|
|
100
100
|
return ['p-scrolltop-icon', this.icon];
|
|
101
|
+
},
|
|
102
|
+
scrollTopAriaLabel() {
|
|
103
|
+
return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.scrollTop : undefined;
|
|
101
104
|
}
|
|
102
105
|
}
|
|
103
106
|
};
|
|
104
107
|
|
|
108
|
+
const _hoisted_1 = ["aria-label"];
|
|
109
|
+
|
|
105
110
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
106
111
|
return (vue.openBlock(), vue.createBlock(vue.Transition, {
|
|
107
112
|
name: "p-scrolltop",
|
|
@@ -116,12 +121,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
116
121
|
ref: $options.containerRef,
|
|
117
122
|
class: vue.normalizeClass($options.containerClass),
|
|
118
123
|
onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args))),
|
|
119
|
-
type: "button"
|
|
124
|
+
type: "button",
|
|
125
|
+
"aria-label": $options.scrollTopAriaLabel
|
|
120
126
|
}, [
|
|
121
127
|
vue.createElementVNode("span", {
|
|
122
128
|
class: vue.normalizeClass($options.iconClass)
|
|
123
129
|
}, null, 2)
|
|
124
|
-
],
|
|
130
|
+
], 10, _hoisted_1))
|
|
125
131
|
: vue.createCommentVNode("", true)
|
|
126
132
|
]),
|
|
127
133
|
_: 1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("primevue/utils"),t=require("vue"),n={name:"ScrollTop",scrollListener:null,container:null,props:{target:{type:String,default:"window"},threshold:{type:Number,default:400},icon:{type:String,default:"pi pi-chevron-up"},behavior:{type:String,default:"smooth"}},data:()=>({visible:!1}),mounted(){"window"===this.target?this.bindDocumentScrollListener():"parent"===this.target&&this.bindParentScrollListener()},beforeUnmount(){"window"===this.target?this.unbindDocumentScrollListener():"parent"===this.target&&this.unbindParentScrollListener(),this.container&&(e.ZIndexUtils.clear(this.container),this.overlay=null)},methods:{onClick(){("window"===this.target?window:this.$el.parentElement).scroll({top:0,behavior:this.behavior})},checkVisibility(e){e>this.threshold?this.visible=!0:this.visible=!1},bindParentScrollListener(){this.scrollListener=()=>{this.checkVisibility(this.$el.parentElement.scrollTop)},this.$el.parentElement.addEventListener("scroll",this.scrollListener)},bindDocumentScrollListener(){this.scrollListener=()=>{this.checkVisibility(e.DomHandler.getWindowScrollTop())},window.addEventListener("scroll",this.scrollListener)},unbindParentScrollListener(){this.scrollListener&&(this.$el.parentElement.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},unbindDocumentScrollListener(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},onEnter(t){e.ZIndexUtils.set("overlay",t,this.$primevue.config.zIndex.overlay)},onAfterLeave(t){e.ZIndexUtils.clear(t)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==this.target}]},iconClass(){return["p-scrolltop-icon",this.icon]}}};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],
|
|
1
|
+
"use strict";var e=require("primevue/utils"),t=require("vue"),n={name:"ScrollTop",scrollListener:null,container:null,props:{target:{type:String,default:"window"},threshold:{type:Number,default:400},icon:{type:String,default:"pi pi-chevron-up"},behavior:{type:String,default:"smooth"}},data:()=>({visible:!1}),mounted(){"window"===this.target?this.bindDocumentScrollListener():"parent"===this.target&&this.bindParentScrollListener()},beforeUnmount(){"window"===this.target?this.unbindDocumentScrollListener():"parent"===this.target&&this.unbindParentScrollListener(),this.container&&(e.ZIndexUtils.clear(this.container),this.overlay=null)},methods:{onClick(){("window"===this.target?window:this.$el.parentElement).scroll({top:0,behavior:this.behavior})},checkVisibility(e){e>this.threshold?this.visible=!0:this.visible=!1},bindParentScrollListener(){this.scrollListener=()=>{this.checkVisibility(this.$el.parentElement.scrollTop)},this.$el.parentElement.addEventListener("scroll",this.scrollListener)},bindDocumentScrollListener(){this.scrollListener=()=>{this.checkVisibility(e.DomHandler.getWindowScrollTop())},window.addEventListener("scroll",this.scrollListener)},unbindParentScrollListener(){this.scrollListener&&(this.$el.parentElement.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},unbindDocumentScrollListener(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},onEnter(t){e.ZIndexUtils.set("overlay",t,this.$primevue.config.zIndex.overlay)},onAfterLeave(t){e.ZIndexUtils.clear(t)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==this.target}]},iconClass(){return["p-scrolltop-icon",this.icon]},scrollTopAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.scrollTop:void 0}}};const i=["aria-label"];!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-scrolltop {\n position: fixed;\n bottom: 20px;\n right: 20px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.p-scrolltop-sticky {\n position: sticky;\n}\n.p-scrolltop-sticky.p-link {\n margin-left: auto;\n}\n.p-scrolltop-enter-from {\n opacity: 0;\n}\n.p-scrolltop-enter-active {\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n.p-scrolltop.p-scrolltop-leave-to {\n opacity: 0;\n}\n.p-scrolltop-leave-active {\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n"),n.render=function(e,n,l,o,r,s){return t.openBlock(),t.createBlock(t.Transition,{name:"p-scrolltop",appear:"",onEnter:s.onEnter,onAfterLeave:s.onAfterLeave},{default:t.withCtx((()=>[r.visible?(t.openBlock(),t.createElementBlock("button",{key:0,ref:s.containerRef,class:t.normalizeClass(s.containerClass),onClick:n[0]||(n[0]=(...e)=>s.onClick&&s.onClick(...e)),type:"button","aria-label":s.scrollTopAriaLabel},[t.createElementVNode("span",{class:t.normalizeClass(s.iconClass)},null,2)],10,i)):t.createCommentVNode("",!0)])),_:1},8,["onEnter","onAfterLeave"])},module.exports=n;
|
|
@@ -96,10 +96,15 @@ var script = {
|
|
|
96
96
|
},
|
|
97
97
|
iconClass() {
|
|
98
98
|
return ['p-scrolltop-icon', this.icon];
|
|
99
|
+
},
|
|
100
|
+
scrollTopAriaLabel() {
|
|
101
|
+
return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.scrollTop : undefined;
|
|
99
102
|
}
|
|
100
103
|
}
|
|
101
104
|
};
|
|
102
105
|
|
|
106
|
+
const _hoisted_1 = ["aria-label"];
|
|
107
|
+
|
|
103
108
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
104
109
|
return (openBlock(), createBlock(Transition, {
|
|
105
110
|
name: "p-scrolltop",
|
|
@@ -114,12 +119,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
114
119
|
ref: $options.containerRef,
|
|
115
120
|
class: normalizeClass($options.containerClass),
|
|
116
121
|
onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args))),
|
|
117
|
-
type: "button"
|
|
122
|
+
type: "button",
|
|
123
|
+
"aria-label": $options.scrollTopAriaLabel
|
|
118
124
|
}, [
|
|
119
125
|
createElementVNode("span", {
|
|
120
126
|
class: normalizeClass($options.iconClass)
|
|
121
127
|
}, null, 2)
|
|
122
|
-
],
|
|
128
|
+
], 10, _hoisted_1))
|
|
123
129
|
: createCommentVNode("", true)
|
|
124
130
|
]),
|
|
125
131
|
_: 1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ZIndexUtils as e,DomHandler as t}from"primevue/utils";import{openBlock as n,createBlock as i,Transition as o,withCtx as
|
|
1
|
+
import{ZIndexUtils as e,DomHandler as t}from"primevue/utils";import{openBlock as n,createBlock as i,Transition as o,withCtx as l,createElementBlock as r,normalizeClass as s,createElementVNode as c,createCommentVNode as a}from"vue";var p={name:"ScrollTop",scrollListener:null,container:null,props:{target:{type:String,default:"window"},threshold:{type:Number,default:400},icon:{type:String,default:"pi pi-chevron-up"},behavior:{type:String,default:"smooth"}},data:()=>({visible:!1}),mounted(){"window"===this.target?this.bindDocumentScrollListener():"parent"===this.target&&this.bindParentScrollListener()},beforeUnmount(){"window"===this.target?this.unbindDocumentScrollListener():"parent"===this.target&&this.unbindParentScrollListener(),this.container&&(e.clear(this.container),this.overlay=null)},methods:{onClick(){("window"===this.target?window:this.$el.parentElement).scroll({top:0,behavior:this.behavior})},checkVisibility(e){e>this.threshold?this.visible=!0:this.visible=!1},bindParentScrollListener(){this.scrollListener=()=>{this.checkVisibility(this.$el.parentElement.scrollTop)},this.$el.parentElement.addEventListener("scroll",this.scrollListener)},bindDocumentScrollListener(){this.scrollListener=()=>{this.checkVisibility(t.getWindowScrollTop())},window.addEventListener("scroll",this.scrollListener)},unbindParentScrollListener(){this.scrollListener&&(this.$el.parentElement.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},unbindDocumentScrollListener(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},onEnter(t){e.set("overlay",t,this.$primevue.config.zIndex.overlay)},onAfterLeave(t){e.clear(t)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==this.target}]},iconClass(){return["p-scrolltop-icon",this.icon]},scrollTopAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.scrollTop:void 0}}};const h=["aria-label"];!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-scrolltop {\n position: fixed;\n bottom: 20px;\n right: 20px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.p-scrolltop-sticky {\n position: sticky;\n}\n.p-scrolltop-sticky.p-link {\n margin-left: auto;\n}\n.p-scrolltop-enter-from {\n opacity: 0;\n}\n.p-scrolltop-enter-active {\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n.p-scrolltop.p-scrolltop-leave-to {\n opacity: 0;\n}\n.p-scrolltop-leave-active {\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n"),p.render=function(e,t,p,d,u,m){return n(),i(o,{name:"p-scrolltop",appear:"",onEnter:m.onEnter,onAfterLeave:m.onAfterLeave},{default:l((()=>[u.visible?(n(),r("button",{key:0,ref:m.containerRef,class:s(m.containerClass),onClick:t[0]||(t[0]=(...e)=>m.onClick&&m.onClick(...e)),type:"button","aria-label":m.scrollTopAriaLabel},[c("span",{class:s(m.iconClass)},null,2)],10,h)):a("",!0)])),_:1},8,["onEnter","onAfterLeave"])};export{p as default};
|
package/scrolltop/scrolltop.js
CHANGED
|
@@ -97,10 +97,15 @@ this.primevue.scrolltop = (function (utils, vue) {
|
|
|
97
97
|
},
|
|
98
98
|
iconClass() {
|
|
99
99
|
return ['p-scrolltop-icon', this.icon];
|
|
100
|
+
},
|
|
101
|
+
scrollTopAriaLabel() {
|
|
102
|
+
return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.scrollTop : undefined;
|
|
100
103
|
}
|
|
101
104
|
}
|
|
102
105
|
};
|
|
103
106
|
|
|
107
|
+
const _hoisted_1 = ["aria-label"];
|
|
108
|
+
|
|
104
109
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
105
110
|
return (vue.openBlock(), vue.createBlock(vue.Transition, {
|
|
106
111
|
name: "p-scrolltop",
|
|
@@ -115,12 +120,13 @@ this.primevue.scrolltop = (function (utils, vue) {
|
|
|
115
120
|
ref: $options.containerRef,
|
|
116
121
|
class: vue.normalizeClass($options.containerClass),
|
|
117
122
|
onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args))),
|
|
118
|
-
type: "button"
|
|
123
|
+
type: "button",
|
|
124
|
+
"aria-label": $options.scrollTopAriaLabel
|
|
119
125
|
}, [
|
|
120
126
|
vue.createElementVNode("span", {
|
|
121
127
|
class: vue.normalizeClass($options.iconClass)
|
|
122
128
|
}, null, 2)
|
|
123
|
-
],
|
|
129
|
+
], 10, _hoisted_1))
|
|
124
130
|
: vue.createCommentVNode("", true)
|
|
125
131
|
]),
|
|
126
132
|
_: 1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.scrolltop=function(e,t){"use strict";var n={name:"ScrollTop",scrollListener:null,container:null,props:{target:{type:String,default:"window"},threshold:{type:Number,default:400},icon:{type:String,default:"pi pi-chevron-up"},behavior:{type:String,default:"smooth"}},data:()=>({visible:!1}),mounted(){"window"===this.target?this.bindDocumentScrollListener():"parent"===this.target&&this.bindParentScrollListener()},beforeUnmount(){"window"===this.target?this.unbindDocumentScrollListener():"parent"===this.target&&this.unbindParentScrollListener(),this.container&&(e.ZIndexUtils.clear(this.container),this.overlay=null)},methods:{onClick(){("window"===this.target?window:this.$el.parentElement).scroll({top:0,behavior:this.behavior})},checkVisibility(e){e>this.threshold?this.visible=!0:this.visible=!1},bindParentScrollListener(){this.scrollListener=()=>{this.checkVisibility(this.$el.parentElement.scrollTop)},this.$el.parentElement.addEventListener("scroll",this.scrollListener)},bindDocumentScrollListener(){this.scrollListener=()=>{this.checkVisibility(e.DomHandler.getWindowScrollTop())},window.addEventListener("scroll",this.scrollListener)},unbindParentScrollListener(){this.scrollListener&&(this.$el.parentElement.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},unbindDocumentScrollListener(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},onEnter(t){e.ZIndexUtils.set("overlay",t,this.$primevue.config.zIndex.overlay)},onAfterLeave(t){e.ZIndexUtils.clear(t)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==this.target}]},iconClass(){return["p-scrolltop-icon",this.icon]}}};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.scrolltop=function(e,t){"use strict";var n={name:"ScrollTop",scrollListener:null,container:null,props:{target:{type:String,default:"window"},threshold:{type:Number,default:400},icon:{type:String,default:"pi pi-chevron-up"},behavior:{type:String,default:"smooth"}},data:()=>({visible:!1}),mounted(){"window"===this.target?this.bindDocumentScrollListener():"parent"===this.target&&this.bindParentScrollListener()},beforeUnmount(){"window"===this.target?this.unbindDocumentScrollListener():"parent"===this.target&&this.unbindParentScrollListener(),this.container&&(e.ZIndexUtils.clear(this.container),this.overlay=null)},methods:{onClick(){("window"===this.target?window:this.$el.parentElement).scroll({top:0,behavior:this.behavior})},checkVisibility(e){e>this.threshold?this.visible=!0:this.visible=!1},bindParentScrollListener(){this.scrollListener=()=>{this.checkVisibility(this.$el.parentElement.scrollTop)},this.$el.parentElement.addEventListener("scroll",this.scrollListener)},bindDocumentScrollListener(){this.scrollListener=()=>{this.checkVisibility(e.DomHandler.getWindowScrollTop())},window.addEventListener("scroll",this.scrollListener)},unbindParentScrollListener(){this.scrollListener&&(this.$el.parentElement.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},unbindDocumentScrollListener(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)},onEnter(t){e.ZIndexUtils.set("overlay",t,this.$primevue.config.zIndex.overlay)},onAfterLeave(t){e.ZIndexUtils.clear(t)},containerRef(e){this.container=e}},computed:{containerClass(){return["p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==this.target}]},iconClass(){return["p-scrolltop-icon",this.icon]},scrollTopAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.scrollTop:void 0}}};const i=["aria-label"];return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-scrolltop {\n position: fixed;\n bottom: 20px;\n right: 20px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.p-scrolltop-sticky {\n position: sticky;\n}\n.p-scrolltop-sticky.p-link {\n margin-left: auto;\n}\n.p-scrolltop-enter-from {\n opacity: 0;\n}\n.p-scrolltop-enter-active {\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n.p-scrolltop.p-scrolltop-leave-to {\n opacity: 0;\n}\n.p-scrolltop-leave-active {\n -webkit-transition: opacity 0.15s;\n transition: opacity 0.15s;\n}\n"),n.render=function(e,n,l,o,r,s){return t.openBlock(),t.createBlock(t.Transition,{name:"p-scrolltop",appear:"",onEnter:s.onEnter,onAfterLeave:s.onAfterLeave},{default:t.withCtx((()=>[r.visible?(t.openBlock(),t.createElementBlock("button",{key:0,ref:s.containerRef,class:t.normalizeClass(s.containerClass),onClick:n[0]||(n[0]=(...e)=>s.onClick&&s.onClick(...e)),type:"button","aria-label":s.scrollTopAriaLabel},[t.createElementVNode("span",{class:t.normalizeClass(s.iconClass)},null,2)],10,i)):t.createCommentVNode("",!0)])),_:1},8,["onEnter","onAfterLeave"])},n}(primevue.utils,Vue);
|
package/skeleton/Skeleton.vue
CHANGED
package/skeleton/skeleton.cjs.js
CHANGED
|
@@ -50,7 +50,8 @@ var script = {
|
|
|
50
50
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
51
51
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
52
52
|
style: vue.normalizeStyle($options.containerStyle),
|
|
53
|
-
class: vue.normalizeClass($options.containerClass)
|
|
53
|
+
class: vue.normalizeClass($options.containerClass),
|
|
54
|
+
"aria-hidden": "true"
|
|
54
55
|
}, null, 6))
|
|
55
56
|
}
|
|
56
57
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("vue"),n={name:"Skeleton",props:{shape:{type:String,default:"rectangle"},size:{type:String,default:null},width:{type:String,default:"100%"},height:{type:String,default:"1rem"},borderRadius:{type:String,default:null},animation:{type:String,default:"wave"}},computed:{containerClass(){return["p-skeleton p-component",{"p-skeleton-circle":"circle"===this.shape,"p-skeleton-none":"none"===this.animation}]},containerStyle(){return this.size?{width:this.size,height:this.size,borderRadius:this.borderRadius}:{width:this.width,height:this.height,borderRadius:this.borderRadius}}}};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-skeleton {\n position: relative;\n overflow: hidden;\n}\n.p-skeleton::after {\n content: '';\n -webkit-animation: p-skeleton-animation 1.2s infinite;\n animation: p-skeleton-animation 1.2s infinite;\n height: 100%;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n z-index: 1;\n}\n.p-skeleton.p-skeleton-circle {\n border-radius: 50%;\n}\n.p-skeleton-none::after {\n -webkit-animation: none;\n animation: none;\n}\n@-webkit-keyframes p-skeleton-animation {\nfrom {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\nto {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n}\n@keyframes p-skeleton-animation {\nfrom {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\nto {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n}\n"),n.render=function(n,t,i,a,r,s){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(s.containerStyle),class:e.normalizeClass(s.containerClass)},null,6)},module.exports=n;
|
|
1
|
+
"use strict";var e=require("vue"),n={name:"Skeleton",props:{shape:{type:String,default:"rectangle"},size:{type:String,default:null},width:{type:String,default:"100%"},height:{type:String,default:"1rem"},borderRadius:{type:String,default:null},animation:{type:String,default:"wave"}},computed:{containerClass(){return["p-skeleton p-component",{"p-skeleton-circle":"circle"===this.shape,"p-skeleton-none":"none"===this.animation}]},containerStyle(){return this.size?{width:this.size,height:this.size,borderRadius:this.borderRadius}:{width:this.width,height:this.height,borderRadius:this.borderRadius}}}};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-skeleton {\n position: relative;\n overflow: hidden;\n}\n.p-skeleton::after {\n content: '';\n -webkit-animation: p-skeleton-animation 1.2s infinite;\n animation: p-skeleton-animation 1.2s infinite;\n height: 100%;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n z-index: 1;\n}\n.p-skeleton.p-skeleton-circle {\n border-radius: 50%;\n}\n.p-skeleton-none::after {\n -webkit-animation: none;\n animation: none;\n}\n@-webkit-keyframes p-skeleton-animation {\nfrom {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\nto {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n}\n@keyframes p-skeleton-animation {\nfrom {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\nto {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n}\n"),n.render=function(n,t,i,a,r,s){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(s.containerStyle),class:e.normalizeClass(s.containerClass),"aria-hidden":"true"},null,6)},module.exports=n;
|
package/skeleton/skeleton.esm.js
CHANGED
|
@@ -48,7 +48,8 @@ var script = {
|
|
|
48
48
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
49
49
|
return (openBlock(), createElementBlock("div", {
|
|
50
50
|
style: normalizeStyle($options.containerStyle),
|
|
51
|
-
class: normalizeClass($options.containerClass)
|
|
51
|
+
class: normalizeClass($options.containerClass),
|
|
52
|
+
"aria-hidden": "true"
|
|
52
53
|
}, null, 6))
|
|
53
54
|
}
|
|
54
55
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{openBlock as n,createElementBlock as e,normalizeStyle as t,normalizeClass as i}from"vue";var a={name:"Skeleton",props:{shape:{type:String,default:"rectangle"},size:{type:String,default:null},width:{type:String,default:"100%"},height:{type:String,default:"1rem"},borderRadius:{type:String,default:null},animation:{type:String,default:"wave"}},computed:{containerClass(){return["p-skeleton p-component",{"p-skeleton-circle":"circle"===this.shape,"p-skeleton-none":"none"===this.animation}]},containerStyle(){return this.size?{width:this.size,height:this.size,borderRadius:this.borderRadius}:{width:this.width,height:this.height,borderRadius:this.borderRadius}}}};!function(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}("\n.p-skeleton {\n position: relative;\n overflow: hidden;\n}\n.p-skeleton::after {\n content: '';\n -webkit-animation: p-skeleton-animation 1.2s infinite;\n animation: p-skeleton-animation 1.2s infinite;\n height: 100%;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n z-index: 1;\n}\n.p-skeleton.p-skeleton-circle {\n border-radius: 50%;\n}\n.p-skeleton-none::after {\n -webkit-animation: none;\n animation: none;\n}\n@-webkit-keyframes p-skeleton-animation {\nfrom {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\nto {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n}\n@keyframes p-skeleton-animation {\nfrom {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\nto {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n}\n"),a.render=function(a,r,s,o,l,d){return n(),e("div",{style:t(d.containerStyle),class:i(d.containerClass)},null,6)};export{a as default};
|
|
1
|
+
import{openBlock as n,createElementBlock as e,normalizeStyle as t,normalizeClass as i}from"vue";var a={name:"Skeleton",props:{shape:{type:String,default:"rectangle"},size:{type:String,default:null},width:{type:String,default:"100%"},height:{type:String,default:"1rem"},borderRadius:{type:String,default:null},animation:{type:String,default:"wave"}},computed:{containerClass(){return["p-skeleton p-component",{"p-skeleton-circle":"circle"===this.shape,"p-skeleton-none":"none"===this.animation}]},containerStyle(){return this.size?{width:this.size,height:this.size,borderRadius:this.borderRadius}:{width:this.width,height:this.height,borderRadius:this.borderRadius}}}};!function(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}("\n.p-skeleton {\n position: relative;\n overflow: hidden;\n}\n.p-skeleton::after {\n content: '';\n -webkit-animation: p-skeleton-animation 1.2s infinite;\n animation: p-skeleton-animation 1.2s infinite;\n height: 100%;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n z-index: 1;\n}\n.p-skeleton.p-skeleton-circle {\n border-radius: 50%;\n}\n.p-skeleton-none::after {\n -webkit-animation: none;\n animation: none;\n}\n@-webkit-keyframes p-skeleton-animation {\nfrom {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\nto {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n}\n@keyframes p-skeleton-animation {\nfrom {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\nto {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n}\n"),a.render=function(a,r,s,o,l,d){return n(),e("div",{style:t(d.containerStyle),class:i(d.containerClass),"aria-hidden":"true"},null,6)};export{a as default};
|
package/skeleton/skeleton.js
CHANGED
|
@@ -50,7 +50,8 @@ this.primevue.skeleton = (function (vue) {
|
|
|
50
50
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
51
51
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
52
52
|
style: vue.normalizeStyle($options.containerStyle),
|
|
53
|
-
class: vue.normalizeClass($options.containerClass)
|
|
53
|
+
class: vue.normalizeClass($options.containerClass),
|
|
54
|
+
"aria-hidden": "true"
|
|
54
55
|
}, null, 6))
|
|
55
56
|
}
|
|
56
57
|
|
package/skeleton/skeleton.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.skeleton=function(e){"use strict";var n={name:"Skeleton",props:{shape:{type:String,default:"rectangle"},size:{type:String,default:null},width:{type:String,default:"100%"},height:{type:String,default:"1rem"},borderRadius:{type:String,default:null},animation:{type:String,default:"wave"}},computed:{containerClass(){return["p-skeleton p-component",{"p-skeleton-circle":"circle"===this.shape,"p-skeleton-none":"none"===this.animation}]},containerStyle(){return this.size?{width:this.size,height:this.size,borderRadius:this.borderRadius}:{width:this.width,height:this.height,borderRadius:this.borderRadius}}}};return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-skeleton {\n position: relative;\n overflow: hidden;\n}\n.p-skeleton::after {\n content: '';\n -webkit-animation: p-skeleton-animation 1.2s infinite;\n animation: p-skeleton-animation 1.2s infinite;\n height: 100%;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n z-index: 1;\n}\n.p-skeleton.p-skeleton-circle {\n border-radius: 50%;\n}\n.p-skeleton-none::after {\n -webkit-animation: none;\n animation: none;\n}\n@-webkit-keyframes p-skeleton-animation {\nfrom {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\nto {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n}\n@keyframes p-skeleton-animation {\nfrom {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\nto {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n}\n"),n.render=function(n,t,i,a,r,s){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(s.containerStyle),class:e.normalizeClass(s.containerClass)},null,6)},n}(Vue);
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.skeleton=function(e){"use strict";var n={name:"Skeleton",props:{shape:{type:String,default:"rectangle"},size:{type:String,default:null},width:{type:String,default:"100%"},height:{type:String,default:"1rem"},borderRadius:{type:String,default:null},animation:{type:String,default:"wave"}},computed:{containerClass(){return["p-skeleton p-component",{"p-skeleton-circle":"circle"===this.shape,"p-skeleton-none":"none"===this.animation}]},containerStyle(){return this.size?{width:this.size,height:this.size,borderRadius:this.borderRadius}:{width:this.width,height:this.height,borderRadius:this.borderRadius}}}};return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-skeleton {\n position: relative;\n overflow: hidden;\n}\n.p-skeleton::after {\n content: '';\n -webkit-animation: p-skeleton-animation 1.2s infinite;\n animation: p-skeleton-animation 1.2s infinite;\n height: 100%;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n z-index: 1;\n}\n.p-skeleton.p-skeleton-circle {\n border-radius: 50%;\n}\n.p-skeleton-none::after {\n -webkit-animation: none;\n animation: none;\n}\n@-webkit-keyframes p-skeleton-animation {\nfrom {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\nto {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n}\n@keyframes p-skeleton-animation {\nfrom {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\nto {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n}\n"),n.render=function(n,t,i,a,r,s){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(s.containerStyle),class:e.normalizeClass(s.containerClass),"aria-hidden":"true"},null,6)},n}(Vue);
|
package/tabview/TabView.vue
CHANGED
|
@@ -97,8 +97,14 @@ export default {
|
|
|
97
97
|
type: Boolean,
|
|
98
98
|
default: false
|
|
99
99
|
},
|
|
100
|
-
previousButtonProps:
|
|
101
|
-
|
|
100
|
+
previousButtonProps: {
|
|
101
|
+
type: null,
|
|
102
|
+
defaault: null
|
|
103
|
+
},
|
|
104
|
+
nextButtonProps: {
|
|
105
|
+
type: null,
|
|
106
|
+
defaault: null
|
|
107
|
+
}
|
|
102
108
|
},
|
|
103
109
|
data() {
|
|
104
110
|
return {
|