primevue 3.35.0 → 3.37.0

package/calendar/style/calendarstyle.esm.js

@@ -0,0 +1,112 @@
+import BaseStyle from 'primevue/base/style';
+
+var css = "\n@layer primevue {\n    .p-calendar {\n        display: inline-flex;\n        max-width: 100%;\n    }\n\n    .p-calendar .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-calendar-w-btn .p-inputtext {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    .p-calendar-w-btn .p-datepicker-trigger {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    /* Fluid */\n    .p-fluid .p-calendar {\n        display: flex;\n    }\n\n    .p-fluid .p-calendar .p-inputtext {\n        width: 1%;\n    }\n\n    /* Datepicker */\n    .p-calendar .p-datepicker {\n        min-width: 100%;\n    }\n\n    .p-datepicker {\n        width: auto;\n    }\n\n    .p-datepicker-inline {\n        display: inline-block;\n        overflow-x: auto;\n    }\n\n    /* Header */\n    .p-datepicker-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-datepicker-header .p-datepicker-title {\n        margin: 0 auto;\n    }\n\n    .p-datepicker-prev,\n    .p-datepicker-next {\n        cursor: pointer;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Multiple Month DatePicker */\n    .p-datepicker-multiple-month .p-datepicker-group-container {\n        display: flex;\n    }\n\n    .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n        flex: 1 1 auto;\n    }\n\n    /* DatePicker Table */\n    .p-datepicker table {\n        width: 100%;\n        border-collapse: collapse;\n    }\n\n    .p-datepicker td > span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        margin: 0 auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Month Picker */\n    .p-monthpicker-month {\n        width: 33.3%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Year Picker */\n    .p-yearpicker-year {\n        width: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /*  Button Bar */\n    .p-datepicker-buttonbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    /* Time Picker */\n    .p-timepicker {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-timepicker button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-timepicker > div {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n    }\n\n    /* Touch UI */\n    .p-datepicker-touch-ui,\n    .p-calendar .p-datepicker-touch-ui {\n        min-width: 80vw;\n    }\n}\n";
+var inlineStyles = {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return {
+      position: props.appendTo === 'self' ? 'relative' : undefined
+    };
+  }
+};
+var classes = {
+  root: function root(_ref2) {
+    var props = _ref2.props,
+      state = _ref2.state;
+    return ['p-calendar p-component p-inputwrapper', {
+      'p-calendar-w-btn': props.showIcon,
+      'p-calendar-timeonly': props.timeOnly,
+      'p-calendar-disabled': props.disabled,
+      'p-inputwrapper-filled': props.modelValue,
+      'p-inputwrapper-focus': state.focused,
+      'p-focus': state.focused || state.overlayVisible
+    }];
+  },
+  input: 'p-inputtext p-component',
+  dropdownButton: 'p-datepicker-trigger',
+  panel: function panel(_ref3) {
+    var instance = _ref3.instance,
+      props = _ref3.props,
+      state = _ref3.state;
+    return ['p-datepicker p-component', {
+      'p-datepicker-inline': props.inline,
+      'p-disabled': props.disabled,
+      'p-datepicker-timeonly': props.timeOnly,
+      'p-datepicker-multiple-month': props.numberOfMonths > 1,
+      'p-datepicker-monthpicker': state.currentView === 'month',
+      'p-datepicker-yearpicker': state.currentView === 'year',
+      'p-datepicker-touch-ui': props.touchUI,
+      'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
+      'p-ripple-disabled': instance.$primevue.config.ripple === false
+    }];
+  },
+  groupContainer: 'p-datepicker-group-container',
+  group: 'p-datepicker-group',
+  header: 'p-datepicker-header',
+  previousButton: 'p-datepicker-prev p-link',
+  previousIcon: 'p-datepicker-prev-icon',
+  title: 'p-datepicker-title',
+  monthTitle: 'p-datepicker-month p-link',
+  yearTitle: 'p-datepicker-year p-link',
+  decadeTitle: 'p-datepicker-decade',
+  nextButton: 'p-datepicker-next p-link',
+  nextIcon: 'p-datepicker-next-icon',
+  container: 'p-datepicker-calendar-container',
+  table: 'p-datepicker-calendar',
+  weekHeader: 'p-datepicker-weekheader p-disabled',
+  weekNumber: 'p-datepicker-weeknumber',
+  weekLabelContainer: 'p-disabled',
+  day: function day(_ref4) {
+    var date = _ref4.date;
+    return [{
+      'p-datepicker-other-month': date.otherMonth,
+      'p-datepicker-today': date.today
+    }];
+  },
+  dayLabel: function dayLabel(_ref5) {
+    var instance = _ref5.instance,
+      date = _ref5.date;
+    return [{
+      'p-highlight': instance.isSelected(date) && date.selectable,
+      'p-disabled': !date.selectable
+    }];
+  },
+  monthPicker: 'p-monthpicker',
+  month: function month(_ref6) {
+    var instance = _ref6.instance,
+      _month = _ref6.month,
+      index = _ref6.index;
+    return ['p-monthpicker-month', {
+      'p-highlight': instance.isMonthSelected(index),
+      'p-disabled': !_month.selectable
+    }];
+  },
+  yearPicker: 'p-yearpicker',
+  year: function year(_ref7) {
+    var instance = _ref7.instance,
+      _year = _ref7.year;
+    return ['p-yearpicker-year', {
+      'p-highlight': instance.isYearSelected(_year.value),
+      'p-disabled': !_year.selectable
+    }];
+  },
+  timePicker: 'p-timepicker',
+  hourPicker: 'p-hour-picker',
+  incrementButton: 'p-link',
+  decrementButton: 'p-link',
+  separatorContainer: 'p-separator',
+  minutePicker: 'p-minute-picker',
+  secondPicker: 'p-second-picker',
+  ampmPicker: 'p-ampm-picker',
+  buttonbar: 'p-datepicker-buttonbar',
+  todayButton: 'p-button-text',
+  clearButton: 'p-button-text'
+};
+var CalendarStyle = BaseStyle.extend({
+  name: 'calendar',
+  css: css,
+  classes: classes,
+  inlineStyles: inlineStyles
+});
+
+export { CalendarStyle as default };

package/calendar/style/calendarstyle.esm.min.js

@@ -0,0 +1 @@
+import e from"primevue/base/style";var n=e.extend({name:"calendar",css:"\n@layer primevue {\n    .p-calendar {\n        display: inline-flex;\n        max-width: 100%;\n    }\n\n    .p-calendar .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-calendar-w-btn .p-inputtext {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    .p-calendar-w-btn .p-datepicker-trigger {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    /* Fluid */\n    .p-fluid .p-calendar {\n        display: flex;\n    }\n\n    .p-fluid .p-calendar .p-inputtext {\n        width: 1%;\n    }\n\n    /* Datepicker */\n    .p-calendar .p-datepicker {\n        min-width: 100%;\n    }\n\n    .p-datepicker {\n        width: auto;\n    }\n\n    .p-datepicker-inline {\n        display: inline-block;\n        overflow-x: auto;\n    }\n\n    /* Header */\n    .p-datepicker-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-datepicker-header .p-datepicker-title {\n        margin: 0 auto;\n    }\n\n    .p-datepicker-prev,\n    .p-datepicker-next {\n        cursor: pointer;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Multiple Month DatePicker */\n    .p-datepicker-multiple-month .p-datepicker-group-container {\n        display: flex;\n    }\n\n    .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n        flex: 1 1 auto;\n    }\n\n    /* DatePicker Table */\n    .p-datepicker table {\n        width: 100%;\n        border-collapse: collapse;\n    }\n\n    .p-datepicker td > span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        margin: 0 auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Month Picker */\n    .p-monthpicker-month {\n        width: 33.3%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Year Picker */\n    .p-yearpicker-year {\n        width: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /*  Button Bar */\n    .p-datepicker-buttonbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    /* Time Picker */\n    .p-timepicker {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-timepicker button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-timepicker > div {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n    }\n\n    /* Touch UI */\n    .p-datepicker-touch-ui,\n    .p-calendar .p-datepicker-touch-ui {\n        min-width: 80vw;\n    }\n}\n",classes:{root:function(e){var n=e.props,t=e.state;return["p-calendar p-component p-inputwrapper",{"p-calendar-w-btn":n.showIcon,"p-calendar-timeonly":n.timeOnly,"p-calendar-disabled":n.disabled,"p-inputwrapper-filled":n.modelValue,"p-inputwrapper-focus":t.focused,"p-focus":t.focused||t.overlayVisible}]},input:"p-inputtext p-component",dropdownButton:"p-datepicker-trigger",panel:function(e){var n=e.instance,t=e.props,i=e.state;return["p-datepicker p-component",{"p-datepicker-inline":t.inline,"p-disabled":t.disabled,"p-datepicker-timeonly":t.timeOnly,"p-datepicker-multiple-month":t.numberOfMonths>1,"p-datepicker-monthpicker":"month"===i.currentView,"p-datepicker-yearpicker":"year"===i.currentView,"p-datepicker-touch-ui":t.touchUI,"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},groupContainer:"p-datepicker-group-container",group:"p-datepicker-group",header:"p-datepicker-header",previousButton:"p-datepicker-prev p-link",previousIcon:"p-datepicker-prev-icon",title:"p-datepicker-title",monthTitle:"p-datepicker-month p-link",yearTitle:"p-datepicker-year p-link",decadeTitle:"p-datepicker-decade",nextButton:"p-datepicker-next p-link",nextIcon:"p-datepicker-next-icon",container:"p-datepicker-calendar-container",table:"p-datepicker-calendar",weekHeader:"p-datepicker-weekheader p-disabled",weekNumber:"p-datepicker-weeknumber",weekLabelContainer:"p-disabled",day:function(e){var n=e.date;return[{"p-datepicker-other-month":n.otherMonth,"p-datepicker-today":n.today}]},dayLabel:function(e){var n=e.date;return[{"p-highlight":e.instance.isSelected(n)&&n.selectable,"p-disabled":!n.selectable}]},monthPicker:"p-monthpicker",month:function(e){var n=e.month;return["p-monthpicker-month",{"p-highlight":e.instance.isMonthSelected(e.index),"p-disabled":!n.selectable}]},yearPicker:"p-yearpicker",year:function(e){var n=e.year;return["p-yearpicker-year",{"p-highlight":e.instance.isYearSelected(n.value),"p-disabled":!n.selectable}]},timePicker:"p-timepicker",hourPicker:"p-hour-picker",incrementButton:"p-link",decrementButton:"p-link",separatorContainer:"p-separator",minutePicker:"p-minute-picker",secondPicker:"p-second-picker",ampmPicker:"p-ampm-picker",buttonbar:"p-datepicker-buttonbar",todayButton:"p-button-text",clearButton:"p-button-text"},inlineStyles:{root:function(e){return{position:"self"===e.props.appendTo?"relative":void 0}}}});export{n as default};

package/calendar/style/calendarstyle.js

@@ -0,0 +1,121 @@
+this.primevue = this.primevue || {};
+this.primevue.calendar = this.primevue.calendar || {};
+this.primevue.calendar.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    var css = "\n@layer primevue {\n    .p-calendar {\n        display: inline-flex;\n        max-width: 100%;\n    }\n\n    .p-calendar .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-calendar-w-btn .p-inputtext {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    .p-calendar-w-btn .p-datepicker-trigger {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    /* Fluid */\n    .p-fluid .p-calendar {\n        display: flex;\n    }\n\n    .p-fluid .p-calendar .p-inputtext {\n        width: 1%;\n    }\n\n    /* Datepicker */\n    .p-calendar .p-datepicker {\n        min-width: 100%;\n    }\n\n    .p-datepicker {\n        width: auto;\n    }\n\n    .p-datepicker-inline {\n        display: inline-block;\n        overflow-x: auto;\n    }\n\n    /* Header */\n    .p-datepicker-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-datepicker-header .p-datepicker-title {\n        margin: 0 auto;\n    }\n\n    .p-datepicker-prev,\n    .p-datepicker-next {\n        cursor: pointer;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Multiple Month DatePicker */\n    .p-datepicker-multiple-month .p-datepicker-group-container {\n        display: flex;\n    }\n\n    .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n        flex: 1 1 auto;\n    }\n\n    /* DatePicker Table */\n    .p-datepicker table {\n        width: 100%;\n        border-collapse: collapse;\n    }\n\n    .p-datepicker td > span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        margin: 0 auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Month Picker */\n    .p-monthpicker-month {\n        width: 33.3%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Year Picker */\n    .p-yearpicker-year {\n        width: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /*  Button Bar */\n    .p-datepicker-buttonbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    /* Time Picker */\n    .p-timepicker {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-timepicker button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-timepicker > div {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n    }\n\n    /* Touch UI */\n    .p-datepicker-touch-ui,\n    .p-calendar .p-datepicker-touch-ui {\n        min-width: 80vw;\n    }\n}\n";
+    var inlineStyles = {
+      root: function root(_ref) {
+        var props = _ref.props;
+        return {
+          position: props.appendTo === 'self' ? 'relative' : undefined
+        };
+      }
+    };
+    var classes = {
+      root: function root(_ref2) {
+        var props = _ref2.props,
+          state = _ref2.state;
+        return ['p-calendar p-component p-inputwrapper', {
+          'p-calendar-w-btn': props.showIcon,
+          'p-calendar-timeonly': props.timeOnly,
+          'p-calendar-disabled': props.disabled,
+          'p-inputwrapper-filled': props.modelValue,
+          'p-inputwrapper-focus': state.focused,
+          'p-focus': state.focused || state.overlayVisible
+        }];
+      },
+      input: 'p-inputtext p-component',
+      dropdownButton: 'p-datepicker-trigger',
+      panel: function panel(_ref3) {
+        var instance = _ref3.instance,
+          props = _ref3.props,
+          state = _ref3.state;
+        return ['p-datepicker p-component', {
+          'p-datepicker-inline': props.inline,
+          'p-disabled': props.disabled,
+          'p-datepicker-timeonly': props.timeOnly,
+          'p-datepicker-multiple-month': props.numberOfMonths > 1,
+          'p-datepicker-monthpicker': state.currentView === 'month',
+          'p-datepicker-yearpicker': state.currentView === 'year',
+          'p-datepicker-touch-ui': props.touchUI,
+          'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
+          'p-ripple-disabled': instance.$primevue.config.ripple === false
+        }];
+      },
+      groupContainer: 'p-datepicker-group-container',
+      group: 'p-datepicker-group',
+      header: 'p-datepicker-header',
+      previousButton: 'p-datepicker-prev p-link',
+      previousIcon: 'p-datepicker-prev-icon',
+      title: 'p-datepicker-title',
+      monthTitle: 'p-datepicker-month p-link',
+      yearTitle: 'p-datepicker-year p-link',
+      decadeTitle: 'p-datepicker-decade',
+      nextButton: 'p-datepicker-next p-link',
+      nextIcon: 'p-datepicker-next-icon',
+      container: 'p-datepicker-calendar-container',
+      table: 'p-datepicker-calendar',
+      weekHeader: 'p-datepicker-weekheader p-disabled',
+      weekNumber: 'p-datepicker-weeknumber',
+      weekLabelContainer: 'p-disabled',
+      day: function day(_ref4) {
+        var date = _ref4.date;
+        return [{
+          'p-datepicker-other-month': date.otherMonth,
+          'p-datepicker-today': date.today
+        }];
+      },
+      dayLabel: function dayLabel(_ref5) {
+        var instance = _ref5.instance,
+          date = _ref5.date;
+        return [{
+          'p-highlight': instance.isSelected(date) && date.selectable,
+          'p-disabled': !date.selectable
+        }];
+      },
+      monthPicker: 'p-monthpicker',
+      month: function month(_ref6) {
+        var instance = _ref6.instance,
+          _month = _ref6.month,
+          index = _ref6.index;
+        return ['p-monthpicker-month', {
+          'p-highlight': instance.isMonthSelected(index),
+          'p-disabled': !_month.selectable
+        }];
+      },
+      yearPicker: 'p-yearpicker',
+      year: function year(_ref7) {
+        var instance = _ref7.instance,
+          _year = _ref7.year;
+        return ['p-yearpicker-year', {
+          'p-highlight': instance.isYearSelected(_year.value),
+          'p-disabled': !_year.selectable
+        }];
+      },
+      timePicker: 'p-timepicker',
+      hourPicker: 'p-hour-picker',
+      incrementButton: 'p-link',
+      decrementButton: 'p-link',
+      separatorContainer: 'p-separator',
+      minutePicker: 'p-minute-picker',
+      secondPicker: 'p-second-picker',
+      ampmPicker: 'p-ampm-picker',
+      buttonbar: 'p-datepicker-buttonbar',
+      todayButton: 'p-button-text',
+      clearButton: 'p-button-text'
+    };
+    var CalendarStyle = BaseStyle__default["default"].extend({
+      name: 'calendar',
+      css: css,
+      classes: classes,
+      inlineStyles: inlineStyles
+    });
+
+    return CalendarStyle;
+
+})(primevue.base.style);

package/calendar/style/calendarstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.calendar=this.primevue.calendar||{},this.primevue.calendar.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"calendar",css:"\n@layer primevue {\n    .p-calendar {\n        display: inline-flex;\n        max-width: 100%;\n    }\n\n    .p-calendar .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-calendar-w-btn .p-inputtext {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    .p-calendar-w-btn .p-datepicker-trigger {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    /* Fluid */\n    .p-fluid .p-calendar {\n        display: flex;\n    }\n\n    .p-fluid .p-calendar .p-inputtext {\n        width: 1%;\n    }\n\n    /* Datepicker */\n    .p-calendar .p-datepicker {\n        min-width: 100%;\n    }\n\n    .p-datepicker {\n        width: auto;\n    }\n\n    .p-datepicker-inline {\n        display: inline-block;\n        overflow-x: auto;\n    }\n\n    /* Header */\n    .p-datepicker-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-datepicker-header .p-datepicker-title {\n        margin: 0 auto;\n    }\n\n    .p-datepicker-prev,\n    .p-datepicker-next {\n        cursor: pointer;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Multiple Month DatePicker */\n    .p-datepicker-multiple-month .p-datepicker-group-container {\n        display: flex;\n    }\n\n    .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n        flex: 1 1 auto;\n    }\n\n    /* DatePicker Table */\n    .p-datepicker table {\n        width: 100%;\n        border-collapse: collapse;\n    }\n\n    .p-datepicker td > span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        margin: 0 auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Month Picker */\n    .p-monthpicker-month {\n        width: 33.3%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Year Picker */\n    .p-yearpicker-year {\n        width: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /*  Button Bar */\n    .p-datepicker-buttonbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    /* Time Picker */\n    .p-timepicker {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-timepicker button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-timepicker > div {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n    }\n\n    /* Touch UI */\n    .p-datepicker-touch-ui,\n    .p-calendar .p-datepicker-touch-ui {\n        min-width: 80vw;\n    }\n}\n",classes:{root:function(e){var n=e.props,t=e.state;return["p-calendar p-component p-inputwrapper",{"p-calendar-w-btn":n.showIcon,"p-calendar-timeonly":n.timeOnly,"p-calendar-disabled":n.disabled,"p-inputwrapper-filled":n.modelValue,"p-inputwrapper-focus":t.focused,"p-focus":t.focused||t.overlayVisible}]},input:"p-inputtext p-component",dropdownButton:"p-datepicker-trigger",panel:function(e){var n=e.instance,t=e.props,i=e.state;return["p-datepicker p-component",{"p-datepicker-inline":t.inline,"p-disabled":t.disabled,"p-datepicker-timeonly":t.timeOnly,"p-datepicker-multiple-month":t.numberOfMonths>1,"p-datepicker-monthpicker":"month"===i.currentView,"p-datepicker-yearpicker":"year"===i.currentView,"p-datepicker-touch-ui":t.touchUI,"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},groupContainer:"p-datepicker-group-container",group:"p-datepicker-group",header:"p-datepicker-header",previousButton:"p-datepicker-prev p-link",previousIcon:"p-datepicker-prev-icon",title:"p-datepicker-title",monthTitle:"p-datepicker-month p-link",yearTitle:"p-datepicker-year p-link",decadeTitle:"p-datepicker-decade",nextButton:"p-datepicker-next p-link",nextIcon:"p-datepicker-next-icon",container:"p-datepicker-calendar-container",table:"p-datepicker-calendar",weekHeader:"p-datepicker-weekheader p-disabled",weekNumber:"p-datepicker-weeknumber",weekLabelContainer:"p-disabled",day:function(e){var n=e.date;return[{"p-datepicker-other-month":n.otherMonth,"p-datepicker-today":n.today}]},dayLabel:function(e){var n=e.date;return[{"p-highlight":e.instance.isSelected(n)&&n.selectable,"p-disabled":!n.selectable}]},monthPicker:"p-monthpicker",month:function(e){var n=e.month;return["p-monthpicker-month",{"p-highlight":e.instance.isMonthSelected(e.index),"p-disabled":!n.selectable}]},yearPicker:"p-yearpicker",year:function(e){var n=e.year;return["p-yearpicker-year",{"p-highlight":e.instance.isYearSelected(n.value),"p-disabled":!n.selectable}]},timePicker:"p-timepicker",hourPicker:"p-hour-picker",incrementButton:"p-link",decrementButton:"p-link",separatorContainer:"p-separator",minutePicker:"p-minute-picker",secondPicker:"p-second-picker",ampmPicker:"p-ampm-picker",buttonbar:"p-datepicker-buttonbar",todayButton:"p-button-text",clearButton:"p-button-text"},inlineStyles:{root:function(e){return{position:"self"===e.props.appendTo?"relative":void 0}}}})}();

package/calendar/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./calendarstyle.cjs.js",
+    "module": "./calendarstyle.esm.js",
+    "unpkg": "./calendarstyle.min.js",
+    "types": "./CalendarStyle.d.ts"
+}

package/card/BaseCard.vue

@@ -1,21 +1,10 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-
-const classes = {
-    root: 'p-card p-component',
-    header: 'p-card-header',
-    body: 'p-card-body',
-    title: 'p-card-title',
-    subtitle: 'p-card-subtitle',
-    content: 'p-card-content',
-    footer: 'p-card-footer'
-};
+import CardStyle from 'primevue/card/style';
 
 export default {
     name: 'BaseCard',
     extends: BaseComponent,
-    css: {
-        classes
-    }
+    style: CardStyle
 };
 </script>

package/card/card.cjs.js

@@ -1,27 +1,18 @@
 'use strict';
 
 var BaseComponent = require('primevue/basecomponent');
+var CardStyle = require('primevue/card/style');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var CardStyle__default = /*#__PURE__*/_interopDefaultLegacy(CardStyle);
 
-var classes = {
-  root: 'p-card p-component',
-  header: 'p-card-header',
-  body: 'p-card-body',
-  title: 'p-card-title',
-  subtitle: 'p-card-subtitle',
-  content: 'p-card-content',
-  footer: 'p-card-footer'
-};
 var script$1 = {
   name: 'BaseCard',
   "extends": BaseComponent__default["default"],
-  css: {
-    classes: classes
-  }
+  style: CardStyle__default["default"]
 };
 
 var script = {

package/card/card.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"Card",extends:{name:"BaseCard",extends:o(e).default,css:{classes:{root:"p-card p-component",header:"p-card-header",body:"p-card-body",title:"p-card-title",subtitle:"p-card-subtitle",content:"p-card-content",footer:"p-card-footer"}}}};r.render=function(e,o,r,c,s,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"card"}),[e.$slots.header?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:e.cx("header")},e.ptm("header")),[t.renderSlot(e.$slots,"header")],16)):t.createCommentVNode("",!0),t.createElementVNode("div",t.mergeProps({class:e.cx("body")},e.ptm("body")),[e.$slots.title?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:e.cx("title")},e.ptm("title")),[t.renderSlot(e.$slots,"title")],16)):t.createCommentVNode("",!0),e.$slots.subtitle?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:1,class:e.cx("subtitle")},e.ptm("subtitle")),[t.renderSlot(e.$slots,"subtitle")],16)):t.createCommentVNode("",!0),t.createElementVNode("div",t.mergeProps({class:e.cx("content")},e.ptm("content")),[t.renderSlot(e.$slots,"content")],16),e.$slots.footer?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:2,class:e.cx("footer")},e.ptm("footer")),[t.renderSlot(e.$slots,"footer")],16)):t.createCommentVNode("",!0)],16)],16)},module.exports=r;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/card/style"),o=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={name:"Card",extends:{name:"BaseCard",extends:r(e).default,style:r(t).default}};l.render=function(e,t,r,l,s,c){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"card"}),[e.$slots.header?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:0,class:e.cx("header")},e.ptm("header")),[o.renderSlot(e.$slots,"header")],16)):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({class:e.cx("body")},e.ptm("body")),[e.$slots.title?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:0,class:e.cx("title")},e.ptm("title")),[o.renderSlot(e.$slots,"title")],16)):o.createCommentVNode("",!0),e.$slots.subtitle?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:1,class:e.cx("subtitle")},e.ptm("subtitle")),[o.renderSlot(e.$slots,"subtitle")],16)):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({class:e.cx("content")},e.ptm("content")),[o.renderSlot(e.$slots,"content")],16),e.$slots.footer?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:2,class:e.cx("footer")},e.ptm("footer")),[o.renderSlot(e.$slots,"footer")],16)):o.createCommentVNode("",!0)],16)],16)},module.exports=l;

package/card/card.esm.js

@@ -1,21 +1,11 @@
 import BaseComponent from 'primevue/basecomponent';
+import CardStyle from 'primevue/card/style';
 import { openBlock, createElementBlock, mergeProps, renderSlot, createCommentVNode, createElementVNode } from 'vue';
 
-var classes = {
-  root: 'p-card p-component',
-  header: 'p-card-header',
-  body: 'p-card-body',
-  title: 'p-card-title',
-  subtitle: 'p-card-subtitle',
-  content: 'p-card-content',
-  footer: 'p-card-footer'
-};
 var script$1 = {
   name: 'BaseCard',
   "extends": BaseComponent,
-  css: {
-    classes: classes
-  }
+  style: CardStyle
 };
 
 var script = {

package/card/card.esm.min.js

@@ -1 +1 @@
-import t from"primevue/basecomponent";import{openBlock as e,createElementBlock as s,mergeProps as o,renderSlot as r,createCommentVNode as a,createElementVNode as c}from"vue";var d={name:"Card",extends:{name:"BaseCard",extends:t,css:{classes:{root:"p-card p-component",header:"p-card-header",body:"p-card-body",title:"p-card-title",subtitle:"p-card-subtitle",content:"p-card-content",footer:"p-card-footer"}}}};d.render=function(t,d,l,i,n,p){return e(),s("div",o({class:t.cx("root")},t.ptm("root"),{"data-pc-name":"card"}),[t.$slots.header?(e(),s("div",o({key:0,class:t.cx("header")},t.ptm("header")),[r(t.$slots,"header")],16)):a("",!0),c("div",o({class:t.cx("body")},t.ptm("body")),[t.$slots.title?(e(),s("div",o({key:0,class:t.cx("title")},t.ptm("title")),[r(t.$slots,"title")],16)):a("",!0),t.$slots.subtitle?(e(),s("div",o({key:1,class:t.cx("subtitle")},t.ptm("subtitle")),[r(t.$slots,"subtitle")],16)):a("",!0),c("div",o({class:t.cx("content")},t.ptm("content")),[r(t.$slots,"content")],16),t.$slots.footer?(e(),s("div",o({key:2,class:t.cx("footer")},t.ptm("footer")),[r(t.$slots,"footer")],16)):a("",!0)],16)],16)};export{d as default};
+import t from"primevue/basecomponent";import e from"primevue/card/style";import{openBlock as s,createElementBlock as o,mergeProps as r,renderSlot as l,createCommentVNode as a,createElementVNode as c}from"vue";var d={name:"Card",extends:{name:"BaseCard",extends:t,style:e}};d.render=function(t,e,d,i,m,n){return s(),o("div",r({class:t.cx("root")},t.ptm("root"),{"data-pc-name":"card"}),[t.$slots.header?(s(),o("div",r({key:0,class:t.cx("header")},t.ptm("header")),[l(t.$slots,"header")],16)):a("",!0),c("div",r({class:t.cx("body")},t.ptm("body")),[t.$slots.title?(s(),o("div",r({key:0,class:t.cx("title")},t.ptm("title")),[l(t.$slots,"title")],16)):a("",!0),t.$slots.subtitle?(s(),o("div",r({key:1,class:t.cx("subtitle")},t.ptm("subtitle")),[l(t.$slots,"subtitle")],16)):a("",!0),c("div",r({class:t.cx("content")},t.ptm("content")),[l(t.$slots,"content")],16),t.$slots.footer?(s(),o("div",r({key:2,class:t.cx("footer")},t.ptm("footer")),[l(t.$slots,"footer")],16)):a("",!0)],16)],16)};export{d as default};

package/card/card.js

@@ -1,26 +1,16 @@
 this.primevue = this.primevue || {};
-this.primevue.card = (function (BaseComponent, vue) {
+this.primevue.card = (function (BaseComponent, CardStyle, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var CardStyle__default = /*#__PURE__*/_interopDefaultLegacy(CardStyle);
 
-    var classes = {
-      root: 'p-card p-component',
-      header: 'p-card-header',
-      body: 'p-card-body',
-      title: 'p-card-title',
-      subtitle: 'p-card-subtitle',
-      content: 'p-card-content',
-      footer: 'p-card-footer'
-    };
     var script$1 = {
       name: 'BaseCard',
       "extends": BaseComponent__default["default"],
-      css: {
-        classes: classes
-      }
+      style: CardStyle__default["default"]
     };
 
     var script = {
@@ -56,4 +46,4 @@ this.primevue.card = (function (BaseComponent, vue) {
 
     return script;
 
-})(primevue.basecomponent, Vue);
+})(primevue.basecomponent, primevue.card.style, Vue);

package/card/card.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.card=function(e,t){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"Card",extends:{name:"BaseCard",extends:o(e).default,css:{classes:{root:"p-card p-component",header:"p-card-header",body:"p-card-body",title:"p-card-title",subtitle:"p-card-subtitle",content:"p-card-content",footer:"p-card-footer"}}}};return r.render=function(e,o,r,c,s,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"card"}),[e.$slots.header?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:e.cx("header")},e.ptm("header")),[t.renderSlot(e.$slots,"header")],16)):t.createCommentVNode("",!0),t.createElementVNode("div",t.mergeProps({class:e.cx("body")},e.ptm("body")),[e.$slots.title?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:e.cx("title")},e.ptm("title")),[t.renderSlot(e.$slots,"title")],16)):t.createCommentVNode("",!0),e.$slots.subtitle?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:1,class:e.cx("subtitle")},e.ptm("subtitle")),[t.renderSlot(e.$slots,"subtitle")],16)):t.createCommentVNode("",!0),t.createElementVNode("div",t.mergeProps({class:e.cx("content")},e.ptm("content")),[t.renderSlot(e.$slots,"content")],16),e.$slots.footer?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:2,class:e.cx("footer")},e.ptm("footer")),[t.renderSlot(e.$slots,"footer")],16)):t.createCommentVNode("",!0)],16)],16)},r}(primevue.basecomponent,Vue);
+this.primevue=this.primevue||{},this.primevue.card=function(e,t,o){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s={name:"Card",extends:{name:"BaseCard",extends:r(e).default,style:r(t).default}};return s.render=function(e,t,r,s,l,c){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"card"}),[e.$slots.header?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:0,class:e.cx("header")},e.ptm("header")),[o.renderSlot(e.$slots,"header")],16)):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({class:e.cx("body")},e.ptm("body")),[e.$slots.title?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:0,class:e.cx("title")},e.ptm("title")),[o.renderSlot(e.$slots,"title")],16)):o.createCommentVNode("",!0),e.$slots.subtitle?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:1,class:e.cx("subtitle")},e.ptm("subtitle")),[o.renderSlot(e.$slots,"subtitle")],16)):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({class:e.cx("content")},e.ptm("content")),[o.renderSlot(e.$slots,"content")],16),e.$slots.footer?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:2,class:e.cx("footer")},e.ptm("footer")),[o.renderSlot(e.$slots,"footer")],16)):o.createCommentVNode("",!0)],16)],16)},s}(primevue.basecomponent,primevue.card.style,Vue);

package/card/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "./card.cjs.js",
-  "module": "./card.esm.js",
-  "unpkg": "./card.min.js",
-  "types": "./Card.d.ts",
-  "browser": {
-    "./sfc": "./Card.vue"
-  }
-}
+    "main": "./card.cjs.js",
+    "module": "./card.esm.js",
+    "unpkg": "./card.min.js",
+    "types": "./Card.d.ts",
+    "browser": {
+        "./sfc": "./Card.vue"
+    }
+}

package/card/style/CardStyle.d.ts

@@ -0,0 +1,3 @@
+import { BaseStyle } from '../../base/style';
+
+export interface CardStyle extends BaseStyle {}

package/card/style/cardstyle.cjs.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var BaseStyle = require('primevue/base/style');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+var classes = {
+  root: 'p-card p-component',
+  header: 'p-card-header',
+  body: 'p-card-body',
+  title: 'p-card-title',
+  subtitle: 'p-card-subtitle',
+  content: 'p-card-content',
+  footer: 'p-card-footer'
+};
+var CardStyle = BaseStyle__default["default"].extend({
+  name: 'card',
+  classes: classes
+});
+
+module.exports = CardStyle;

package/card/style/cardstyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"card",classes:{root:"p-card p-component",header:"p-card-header",body:"p-card-body",title:"p-card-title",subtitle:"p-card-subtitle",content:"p-card-content",footer:"p-card-footer"}});module.exports=t;

package/card/style/cardstyle.esm.js

@@ -0,0 +1,17 @@
+import BaseStyle from 'primevue/base/style';
+
+var classes = {
+  root: 'p-card p-component',
+  header: 'p-card-header',
+  body: 'p-card-body',
+  title: 'p-card-title',
+  subtitle: 'p-card-subtitle',
+  content: 'p-card-content',
+  footer: 'p-card-footer'
+};
+var CardStyle = BaseStyle.extend({
+  name: 'card',
+  classes: classes
+});
+
+export { CardStyle as default };

package/card/style/cardstyle.esm.min.js

@@ -0,0 +1 @@
+import e from"primevue/base/style";var t=e.extend({name:"card",classes:{root:"p-card p-component",header:"p-card-header",body:"p-card-body",title:"p-card-title",subtitle:"p-card-subtitle",content:"p-card-content",footer:"p-card-footer"}});export{t as default};

package/card/style/cardstyle.js

@@ -0,0 +1,26 @@
+this.primevue = this.primevue || {};
+this.primevue.card = this.primevue.card || {};
+this.primevue.card.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    var classes = {
+      root: 'p-card p-component',
+      header: 'p-card-header',
+      body: 'p-card-body',
+      title: 'p-card-title',
+      subtitle: 'p-card-subtitle',
+      content: 'p-card-content',
+      footer: 'p-card-footer'
+    };
+    var CardStyle = BaseStyle__default["default"].extend({
+      name: 'card',
+      classes: classes
+    });
+
+    return CardStyle;
+
+})(primevue.base.style);

package/card/style/cardstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.card=this.primevue.card||{},this.primevue.card.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"card",classes:{root:"p-card p-component",header:"p-card-header",body:"p-card-body",title:"p-card-title",subtitle:"p-card-subtitle",content:"p-card-content",footer:"p-card-footer"}})}();

package/card/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./cardstyle.cjs.js",
+    "module": "./cardstyle.esm.js",
+    "unpkg": "./cardstyle.min.js",
+    "types": "./CardStyle.d.ts"
+}