primereact 10.6.0 → 10.6.2
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/buttongroup/buttongroup.cjs.js +18 -370
- package/buttongroup/buttongroup.cjs.min.js +1 -1
- package/buttongroup/buttongroup.esm.js +5 -354
- package/buttongroup/buttongroup.esm.min.js +1 -1
- package/buttongroup/buttongroup.js +52 -404
- package/buttongroup/buttongroup.min.js +1 -1
- package/floatlabel/floatlabel.cjs.js +18 -370
- package/floatlabel/floatlabel.cjs.min.js +1 -1
- package/floatlabel/floatlabel.esm.js +5 -354
- package/floatlabel/floatlabel.esm.min.js +1 -1
- package/floatlabel/floatlabel.js +53 -405
- package/floatlabel/floatlabel.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +47 -47
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +47 -47
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +48 -48
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/package.json +1 -1
- package/primereact.all.cjs.js +452 -760
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +452 -760
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +452 -760
- package/primereact.all.min.js +1 -1
- package/stepper/stepper.cjs.js +5 -299
- package/stepper/stepper.cjs.min.js +1 -1
- package/stepper/stepper.esm.js +5 -298
- package/stepper/stepper.esm.min.js +1 -1
- package/stepper/stepper.js +4 -298
- package/stepper/stepper.min.js +1 -1
- package/stepperpanel/stepperpanel.cjs.js +17 -371
- package/stepperpanel/stepperpanel.cjs.min.js +1 -1
- package/stepperpanel/stepperpanel.esm.js +3 -354
- package/stepperpanel/stepperpanel.esm.min.js +1 -1
- package/stepperpanel/stepperpanel.js +46 -398
- package/stepperpanel/stepperpanel.min.js +1 -1
- package/web-types.json +1 -1
package/stepper/stepper.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
this.primereact = this.primereact || {};
|
|
2
|
-
this.primereact.stepper = (function (exports, React,
|
|
2
|
+
this.primereact.stepper = (function (exports, React, api, componentbase, csstransition, hooks, utils) {
|
|
3
3
|
'use strict';
|
|
4
4
|
|
|
5
5
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -24,7 +24,6 @@ this.primereact.stepper = (function (exports, React, PrimeReact, hooks, utils, c
|
|
|
24
24
|
|
|
25
25
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
26
26
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
27
|
-
var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
|
|
28
27
|
|
|
29
28
|
function _typeof(o) {
|
|
30
29
|
"@babel/helpers - typeof";
|
|
@@ -137,299 +136,6 @@ this.primereact.stepper = (function (exports, React, PrimeReact, hooks, utils, c
|
|
|
137
136
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
138
137
|
}
|
|
139
138
|
|
|
140
|
-
function _arrayWithoutHoles(arr) {
|
|
141
|
-
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
function _iterableToArray(iter) {
|
|
145
|
-
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
function _nonIterableSpread() {
|
|
149
|
-
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
function _toConsumableArray(arr) {
|
|
153
|
-
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
157
|
-
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
158
|
-
var baseStyle = "\n.p-hidden-accessible {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n transform: scale(0);\n}\n\n.p-overflow-hidden {\n overflow: hidden;\n padding-right: var(--scrollbar-width);\n}\n";
|
|
159
|
-
var buttonStyles = "\n.p-button {\n margin: 0;\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n align-items: center;\n vertical-align: bottom;\n text-align: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-button-label {\n flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n order: 1;\n}\n\n.p-button:disabled {\n cursor: default;\n}\n\n.p-button-icon-only {\n justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n visibility: hidden;\n width: 0;\n flex: 0 0 auto;\n}\n\n.p-button-vertical {\n flex-direction: column;\n}\n\n.p-button-icon-bottom {\n order: 2;\n}\n\n.p-button-group .p-button {\n margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n position: relative;\n z-index: 1;\n}\n";
|
|
160
|
-
var inputTextStyles = "\n.p-inputtext {\n margin: 0;\n}\n\n.p-fluid .p-inputtext {\n width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup-addon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n display: block;\n position: relative;\n}\n\n.p-float-label label {\n position: absolute;\n pointer-events: none;\n top: 50%;\n margin-top: -0.5rem;\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n top: -0.75rem;\n font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n opacity: 0;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n opacity: 1;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n position: relative;\n display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n display: block;\n width: 100%;\n}\n";
|
|
161
|
-
var iconStyles = "\n.p-icon {\n display: inline-block;\n}\n\n.p-icon-spin {\n -webkit-animation: p-icon-spin 2s infinite linear;\n animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n pointer-events: auto;\n}\n\nsvg.p-icon g,\n.p-disabled svg.p-icon {\n pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n\n@keyframes p-icon-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n";
|
|
162
|
-
var commonStyle = "\n@layer primereact {\n .p-component, .p-component * {\n box-sizing: border-box;\n }\n\n .p-hidden {\n display: none;\n }\n\n .p-hidden-space {\n visibility: hidden;\n }\n\n .p-reset {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n text-decoration: none;\n font-size: 100%;\n list-style: none;\n }\n\n .p-disabled, .p-disabled * {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n .p-component-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .p-unselectable-text {\n user-select: none;\n }\n\n .p-scrollbar-measure {\n width: 100px;\n height: 100px;\n overflow: scroll;\n position: absolute;\n top: -9999px;\n }\n\n @-webkit-keyframes p-fadein {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n @keyframes p-fadein {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n .p-link {\n text-align: left;\n background-color: transparent;\n margin: 0;\n padding: 0;\n border: none;\n cursor: pointer;\n user-select: none;\n }\n\n .p-link:disabled {\n cursor: default;\n }\n\n /* Non react overlay animations */\n .p-connected-overlay {\n opacity: 0;\n transform: scaleY(0.8);\n transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n }\n\n .p-connected-overlay-visible {\n opacity: 1;\n transform: scaleY(1);\n }\n\n .p-connected-overlay-hidden {\n opacity: 0;\n transform: scaleY(1);\n transition: opacity .1s linear;\n }\n\n /* React based overlay animations */\n .p-connected-overlay-enter {\n opacity: 0;\n transform: scaleY(0.8);\n }\n\n .p-connected-overlay-enter-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n }\n\n .p-connected-overlay-enter-done {\n transform: none;\n }\n\n .p-connected-overlay-exit {\n opacity: 1;\n }\n\n .p-connected-overlay-exit-active {\n opacity: 0;\n transition: opacity .1s linear;\n }\n\n /* Toggleable Content */\n .p-toggleable-content-enter {\n max-height: 0;\n }\n\n .p-toggleable-content-enter-active {\n overflow: hidden;\n max-height: 1000px;\n transition: max-height 1s ease-in-out;\n }\n\n .p-toggleable-content-enter-done {\n transform: none;\n }\n\n .p-toggleable-content-exit {\n max-height: 1000px;\n }\n\n .p-toggleable-content-exit-active {\n overflow: hidden;\n max-height: 0;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n }\n\n .p-sr-only {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal;\n }\n\n /* @todo Refactor */\n .p-menu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n ".concat(buttonStyles, "\n ").concat(inputTextStyles, "\n ").concat(iconStyles, "\n}\n");
|
|
163
|
-
var ComponentBase = {
|
|
164
|
-
cProps: undefined,
|
|
165
|
-
cParams: undefined,
|
|
166
|
-
cName: undefined,
|
|
167
|
-
defaultProps: {
|
|
168
|
-
pt: undefined,
|
|
169
|
-
ptOptions: undefined,
|
|
170
|
-
unstyled: false
|
|
171
|
-
},
|
|
172
|
-
context: {},
|
|
173
|
-
globalCSS: undefined,
|
|
174
|
-
classes: {},
|
|
175
|
-
styles: '',
|
|
176
|
-
extend: function extend() {
|
|
177
|
-
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
178
|
-
var css = props.css;
|
|
179
|
-
var defaultProps = _objectSpread$3(_objectSpread$3({}, props.defaultProps), ComponentBase.defaultProps);
|
|
180
|
-
var inlineStyles = {};
|
|
181
|
-
var getProps = function getProps(props) {
|
|
182
|
-
var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
183
|
-
ComponentBase.context = context;
|
|
184
|
-
ComponentBase.cProps = props;
|
|
185
|
-
return utils.ObjectUtils.getMergedProps(props, defaultProps);
|
|
186
|
-
};
|
|
187
|
-
var getOtherProps = function getOtherProps(props) {
|
|
188
|
-
return utils.ObjectUtils.getDiffProps(props, defaultProps);
|
|
189
|
-
};
|
|
190
|
-
var getPTValue = function getPTValue() {
|
|
191
|
-
var _ComponentBase$contex;
|
|
192
|
-
var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
193
|
-
var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
194
|
-
var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
195
|
-
var searchInDefaultPT = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
|
|
196
|
-
// obj either is the passthrough options or has a .pt property.
|
|
197
|
-
if (obj.hasOwnProperty('pt') && obj.pt !== undefined) {
|
|
198
|
-
obj = obj.pt;
|
|
199
|
-
}
|
|
200
|
-
var originalkey = key;
|
|
201
|
-
var isNestedParam = /./g.test(originalkey) && !!params[originalkey.split('.')[0]];
|
|
202
|
-
var fkey = isNestedParam ? utils.ObjectUtils.toFlatCase(originalkey.split('.')[1]) : utils.ObjectUtils.toFlatCase(originalkey);
|
|
203
|
-
var hostName = params.hostName && utils.ObjectUtils.toFlatCase(params.hostName);
|
|
204
|
-
var componentName = hostName || params.props && params.props.__TYPE && utils.ObjectUtils.toFlatCase(params.props.__TYPE) || '';
|
|
205
|
-
var isTransition = fkey === 'transition';
|
|
206
|
-
var datasetPrefix = 'data-pc-';
|
|
207
|
-
var getHostInstance = function getHostInstance(params) {
|
|
208
|
-
return params !== null && params !== void 0 && params.props ? params.hostName ? params.props.__TYPE === params.hostName ? params.props : getHostInstance(params.parent) : params.parent : undefined;
|
|
209
|
-
};
|
|
210
|
-
var getPropValue = function getPropValue(name) {
|
|
211
|
-
var _params$props, _getHostInstance;
|
|
212
|
-
return ((_params$props = params.props) === null || _params$props === void 0 ? void 0 : _params$props[name]) || ((_getHostInstance = getHostInstance(params)) === null || _getHostInstance === void 0 ? void 0 : _getHostInstance[name]);
|
|
213
|
-
};
|
|
214
|
-
ComponentBase.cParams = params;
|
|
215
|
-
ComponentBase.cName = componentName;
|
|
216
|
-
var _ref = getPropValue('ptOptions') || ComponentBase.context.ptOptions || {},
|
|
217
|
-
_ref$mergeSections = _ref.mergeSections,
|
|
218
|
-
mergeSections = _ref$mergeSections === void 0 ? true : _ref$mergeSections,
|
|
219
|
-
_ref$mergeProps = _ref.mergeProps,
|
|
220
|
-
useMergeProps = _ref$mergeProps === void 0 ? false : _ref$mergeProps;
|
|
221
|
-
var getPTClassValue = function getPTClassValue() {
|
|
222
|
-
var value = getOptionValue.apply(void 0, arguments);
|
|
223
|
-
if (Array.isArray(value)) {
|
|
224
|
-
return {
|
|
225
|
-
className: utils.classNames.apply(void 0, _toConsumableArray(value))
|
|
226
|
-
};
|
|
227
|
-
}
|
|
228
|
-
if (utils.ObjectUtils.isString(value)) {
|
|
229
|
-
return {
|
|
230
|
-
className: value
|
|
231
|
-
};
|
|
232
|
-
}
|
|
233
|
-
if (value !== null && value !== void 0 && value.hasOwnProperty('className') && Array.isArray(value.className)) {
|
|
234
|
-
return {
|
|
235
|
-
className: utils.classNames.apply(void 0, _toConsumableArray(value.className))
|
|
236
|
-
};
|
|
237
|
-
}
|
|
238
|
-
return value;
|
|
239
|
-
};
|
|
240
|
-
var globalPT = searchInDefaultPT ? isNestedParam ? _useGlobalPT(getPTClassValue, originalkey, params) : _useDefaultPT(getPTClassValue, originalkey, params) : undefined;
|
|
241
|
-
var self = isNestedParam ? undefined : _usePT(_getPT(obj, componentName), getPTClassValue, originalkey, params);
|
|
242
|
-
var datasetProps = !isTransition && _objectSpread$3(_objectSpread$3({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? utils.ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), fkey));
|
|
243
|
-
return mergeSections || !mergeSections && self ? useMergeProps ? utils.mergeProps([globalPT, self, Object.keys(datasetProps).length ? datasetProps : {}], {
|
|
244
|
-
classNameMergeFunction: (_ComponentBase$contex = ComponentBase.context.ptOptions) === null || _ComponentBase$contex === void 0 ? void 0 : _ComponentBase$contex.classNameMergeFunction
|
|
245
|
-
}) : _objectSpread$3(_objectSpread$3(_objectSpread$3({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$3(_objectSpread$3({}, self), Object.keys(datasetProps).length ? datasetProps : {});
|
|
246
|
-
};
|
|
247
|
-
var setMetaData = function setMetaData() {
|
|
248
|
-
var metadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
249
|
-
var props = metadata.props,
|
|
250
|
-
state = metadata.state;
|
|
251
|
-
var ptm = function ptm() {
|
|
252
|
-
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
253
|
-
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
254
|
-
return getPTValue((props || {}).pt, key, _objectSpread$3(_objectSpread$3({}, metadata), params));
|
|
255
|
-
};
|
|
256
|
-
var ptmo = function ptmo() {
|
|
257
|
-
var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
258
|
-
var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
259
|
-
var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
260
|
-
return getPTValue(obj, key, params, false);
|
|
261
|
-
};
|
|
262
|
-
var isUnstyled = function isUnstyled() {
|
|
263
|
-
return ComponentBase.context.unstyled || PrimeReact__default["default"].unstyled || props.unstyled;
|
|
264
|
-
};
|
|
265
|
-
var cx = function cx() {
|
|
266
|
-
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
267
|
-
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
268
|
-
return !isUnstyled() ? getOptionValue(css && css.classes, key, _objectSpread$3({
|
|
269
|
-
props: props,
|
|
270
|
-
state: state
|
|
271
|
-
}, params)) : undefined;
|
|
272
|
-
};
|
|
273
|
-
var sx = function sx() {
|
|
274
|
-
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
275
|
-
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
276
|
-
var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
277
|
-
if (when) {
|
|
278
|
-
var _ComponentBase$contex2;
|
|
279
|
-
var self = getOptionValue(css && css.inlineStyles, key, _objectSpread$3({
|
|
280
|
-
props: props,
|
|
281
|
-
state: state
|
|
282
|
-
}, params));
|
|
283
|
-
var base = getOptionValue(inlineStyles, key, _objectSpread$3({
|
|
284
|
-
props: props,
|
|
285
|
-
state: state
|
|
286
|
-
}, params));
|
|
287
|
-
return utils.mergeProps([base, self], {
|
|
288
|
-
classNameMergeFunction: (_ComponentBase$contex2 = ComponentBase.context.ptOptions) === null || _ComponentBase$contex2 === void 0 ? void 0 : _ComponentBase$contex2.classNameMergeFunction
|
|
289
|
-
});
|
|
290
|
-
}
|
|
291
|
-
return undefined;
|
|
292
|
-
};
|
|
293
|
-
return {
|
|
294
|
-
ptm: ptm,
|
|
295
|
-
ptmo: ptmo,
|
|
296
|
-
sx: sx,
|
|
297
|
-
cx: cx,
|
|
298
|
-
isUnstyled: isUnstyled
|
|
299
|
-
};
|
|
300
|
-
};
|
|
301
|
-
return _objectSpread$3(_objectSpread$3({
|
|
302
|
-
getProps: getProps,
|
|
303
|
-
getOtherProps: getOtherProps,
|
|
304
|
-
setMetaData: setMetaData
|
|
305
|
-
}, props), {}, {
|
|
306
|
-
defaultProps: defaultProps
|
|
307
|
-
});
|
|
308
|
-
}
|
|
309
|
-
};
|
|
310
|
-
var getOptionValue = function getOptionValue(obj) {
|
|
311
|
-
var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
312
|
-
var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
313
|
-
var fKeys = String(utils.ObjectUtils.toFlatCase(key)).split('.');
|
|
314
|
-
var fKey = fKeys.shift();
|
|
315
|
-
var matchedPTOption = utils.ObjectUtils.isNotEmpty(obj) ? Object.keys(obj).find(function (k) {
|
|
316
|
-
return utils.ObjectUtils.toFlatCase(k) === fKey;
|
|
317
|
-
}) : '';
|
|
318
|
-
return fKey ? utils.ObjectUtils.isObject(obj) ? getOptionValue(utils.ObjectUtils.getItemValue(obj[matchedPTOption], params), fKeys.join('.'), params) : undefined : utils.ObjectUtils.getItemValue(obj, params);
|
|
319
|
-
};
|
|
320
|
-
var _getPT = function _getPT(pt) {
|
|
321
|
-
var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
322
|
-
var callback = arguments.length > 2 ? arguments[2] : undefined;
|
|
323
|
-
var _usept = pt === null || pt === void 0 ? void 0 : pt._usept;
|
|
324
|
-
var getValue = function getValue(value) {
|
|
325
|
-
var _ref3;
|
|
326
|
-
var checkSameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
327
|
-
var _value = callback ? callback(value) : value;
|
|
328
|
-
var _key = utils.ObjectUtils.toFlatCase(key);
|
|
329
|
-
return (_ref3 = checkSameKey ? _key !== ComponentBase.cName ? _value === null || _value === void 0 ? void 0 : _value[_key] : undefined : _value === null || _value === void 0 ? void 0 : _value[_key]) !== null && _ref3 !== void 0 ? _ref3 : _value;
|
|
330
|
-
};
|
|
331
|
-
return utils.ObjectUtils.isNotEmpty(_usept) ? {
|
|
332
|
-
_usept: _usept,
|
|
333
|
-
originalValue: getValue(pt.originalValue),
|
|
334
|
-
value: getValue(pt.value)
|
|
335
|
-
} : getValue(pt, true);
|
|
336
|
-
};
|
|
337
|
-
var _usePT = function _usePT(pt, callback, key, params) {
|
|
338
|
-
var fn = function fn(value) {
|
|
339
|
-
return callback(value, key, params);
|
|
340
|
-
};
|
|
341
|
-
if (pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept')) {
|
|
342
|
-
var _ref4 = pt._usept || ComponentBase.context.ptOptions || {},
|
|
343
|
-
_ref4$mergeSections = _ref4.mergeSections,
|
|
344
|
-
mergeSections = _ref4$mergeSections === void 0 ? true : _ref4$mergeSections,
|
|
345
|
-
_ref4$mergeProps = _ref4.mergeProps,
|
|
346
|
-
useMergeProps = _ref4$mergeProps === void 0 ? false : _ref4$mergeProps,
|
|
347
|
-
classNameMergeFunction = _ref4.classNameMergeFunction;
|
|
348
|
-
var originalValue = fn(pt.originalValue);
|
|
349
|
-
var value = fn(pt.value);
|
|
350
|
-
if (originalValue === undefined && value === undefined) {
|
|
351
|
-
return undefined;
|
|
352
|
-
} else if (utils.ObjectUtils.isString(value)) {
|
|
353
|
-
return value;
|
|
354
|
-
} else if (utils.ObjectUtils.isString(originalValue)) {
|
|
355
|
-
return originalValue;
|
|
356
|
-
}
|
|
357
|
-
return mergeSections || !mergeSections && value ? useMergeProps ? utils.mergeProps([originalValue, value], {
|
|
358
|
-
classNameMergeFunction: classNameMergeFunction
|
|
359
|
-
}) : _objectSpread$3(_objectSpread$3({}, originalValue), value) : value;
|
|
360
|
-
}
|
|
361
|
-
return fn(pt);
|
|
362
|
-
};
|
|
363
|
-
var getGlobalPT = function getGlobalPT() {
|
|
364
|
-
return _getPT(ComponentBase.context.pt || PrimeReact__default["default"].pt, undefined, function (value) {
|
|
365
|
-
return utils.ObjectUtils.getItemValue(value, ComponentBase.cParams);
|
|
366
|
-
});
|
|
367
|
-
};
|
|
368
|
-
var getDefaultPT = function getDefaultPT() {
|
|
369
|
-
return _getPT(ComponentBase.context.pt || PrimeReact__default["default"].pt, undefined, function (value) {
|
|
370
|
-
return getOptionValue(value, ComponentBase.cName, ComponentBase.cParams) || utils.ObjectUtils.getItemValue(value, ComponentBase.cParams);
|
|
371
|
-
});
|
|
372
|
-
};
|
|
373
|
-
var _useGlobalPT = function _useGlobalPT(callback, key, params) {
|
|
374
|
-
return _usePT(getGlobalPT(), callback, key, params);
|
|
375
|
-
};
|
|
376
|
-
var _useDefaultPT = function _useDefaultPT(callback, key, params) {
|
|
377
|
-
return _usePT(getDefaultPT(), callback, key, params);
|
|
378
|
-
};
|
|
379
|
-
var useHandleStyle = function useHandleStyle(styles) {
|
|
380
|
-
var config = arguments.length > 2 ? arguments[2] : undefined;
|
|
381
|
-
var name = config.name,
|
|
382
|
-
_config$styled = config.styled,
|
|
383
|
-
styled = _config$styled === void 0 ? false : _config$styled,
|
|
384
|
-
_config$hostName = config.hostName,
|
|
385
|
-
hostName = _config$hostName === void 0 ? '' : _config$hostName;
|
|
386
|
-
var globalCSS = _useGlobalPT(getOptionValue, 'global.css', ComponentBase.cParams);
|
|
387
|
-
var componentName = utils.ObjectUtils.toFlatCase(name);
|
|
388
|
-
var _useStyle = hooks.useStyle(baseStyle, {
|
|
389
|
-
name: 'base',
|
|
390
|
-
manual: true
|
|
391
|
-
}),
|
|
392
|
-
loadBaseStyle = _useStyle.load;
|
|
393
|
-
var _useStyle2 = hooks.useStyle(commonStyle, {
|
|
394
|
-
name: 'common',
|
|
395
|
-
manual: true
|
|
396
|
-
}),
|
|
397
|
-
loadCommonStyle = _useStyle2.load;
|
|
398
|
-
var _useStyle3 = hooks.useStyle(globalCSS, {
|
|
399
|
-
name: 'global',
|
|
400
|
-
manual: true
|
|
401
|
-
}),
|
|
402
|
-
loadGlobalStyle = _useStyle3.load;
|
|
403
|
-
var _useStyle4 = hooks.useStyle(styles, {
|
|
404
|
-
name: name,
|
|
405
|
-
manual: true
|
|
406
|
-
}),
|
|
407
|
-
load = _useStyle4.load;
|
|
408
|
-
var hook = function hook(hookName) {
|
|
409
|
-
if (!hostName) {
|
|
410
|
-
var selfHook = _usePT(_getPT((ComponentBase.cProps || {}).pt, componentName), getOptionValue, "hooks.".concat(hookName));
|
|
411
|
-
var defaultHook = _useDefaultPT(getOptionValue, "hooks.".concat(hookName));
|
|
412
|
-
selfHook === null || selfHook === void 0 || selfHook();
|
|
413
|
-
defaultHook === null || defaultHook === void 0 || defaultHook();
|
|
414
|
-
}
|
|
415
|
-
};
|
|
416
|
-
hook('useMountEffect');
|
|
417
|
-
hooks.useMountEffect(function () {
|
|
418
|
-
loadBaseStyle();
|
|
419
|
-
loadGlobalStyle();
|
|
420
|
-
loadCommonStyle();
|
|
421
|
-
if (!styled) {
|
|
422
|
-
load();
|
|
423
|
-
}
|
|
424
|
-
});
|
|
425
|
-
hooks.useUpdateEffect(function () {
|
|
426
|
-
hook('useUpdateEffect');
|
|
427
|
-
});
|
|
428
|
-
hooks.useUnmountEffect(function () {
|
|
429
|
-
hook('useUnmountEffect');
|
|
430
|
-
});
|
|
431
|
-
};
|
|
432
|
-
|
|
433
139
|
var classes = {
|
|
434
140
|
root: function root(_ref) {
|
|
435
141
|
var props = _ref.props;
|
|
@@ -561,7 +267,7 @@ this.primereact.stepper = (function (exports, React, PrimeReact, hooks, utils, c
|
|
|
561
267
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
562
268
|
var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
|
|
563
269
|
var mergeProps = hooks.useMergeProps();
|
|
564
|
-
var context = React__default["default"].useContext(
|
|
270
|
+
var context = React__default["default"].useContext(api.PrimeReactContext);
|
|
565
271
|
var props = StepperBase.getProps(inProps, context);
|
|
566
272
|
var _StepperBase$setMetaD = StepperBase.setMetaData({
|
|
567
273
|
props: props
|
|
@@ -579,7 +285,7 @@ this.primereact.stepper = (function (exports, React, PrimeReact, hooks, utils, c
|
|
|
579
285
|
activeStepState = _React$useState4[0],
|
|
580
286
|
setActiveStepState = _React$useState4[1];
|
|
581
287
|
var navRef = React__default["default"].useRef();
|
|
582
|
-
useHandleStyle(StepperBase.css.styles, isUnstyled, {
|
|
288
|
+
componentbase.useHandleStyle(StepperBase.css.styles, isUnstyled, {
|
|
583
289
|
name: 'stepper'
|
|
584
290
|
});
|
|
585
291
|
hooks.useMountEffect(function () {
|
|
@@ -856,4 +562,4 @@ this.primereact.stepper = (function (exports, React, PrimeReact, hooks, utils, c
|
|
|
856
562
|
|
|
857
563
|
return exports;
|
|
858
564
|
|
|
859
|
-
})({}, React, primereact.api, primereact.
|
|
565
|
+
})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.utils);
|
package/stepper/stepper.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.stepper=function(e,n,t,r,o,a,i){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var s=p(n),c=l(n),u=l(t);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function f(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=f(e,"string");return"symbol"===d(n)?n:String(n)}function m(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function g(){return g=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},g.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,i,l=[],p=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;p=!1}else for(;!(p=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);p=!0);}catch(e){s=!0,o=e}finally{try{if(!p&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function x(e,n){if(e){if("string"==typeof e)return y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,n):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,n){return v(e)||h(e,n)||x(e,n)||O()}function P(e){if(Array.isArray(e))return y(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e){return P(e)||w(e)||x(e)||S()}function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function C(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){m(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E="\n@layer primereact {\n .p-component, .p-component * {\n box-sizing: border-box;\n }\n\n .p-hidden {\n display: none;\n }\n\n .p-hidden-space {\n visibility: hidden;\n }\n\n .p-reset {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n text-decoration: none;\n font-size: 100%;\n list-style: none;\n }\n\n .p-disabled, .p-disabled * {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n .p-component-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .p-unselectable-text {\n user-select: none;\n }\n\n .p-scrollbar-measure {\n width: 100px;\n height: 100px;\n overflow: scroll;\n position: absolute;\n top: -9999px;\n }\n\n @-webkit-keyframes p-fadein {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n @keyframes p-fadein {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n .p-link {\n text-align: left;\n background-color: transparent;\n margin: 0;\n padding: 0;\n border: none;\n cursor: pointer;\n user-select: none;\n }\n\n .p-link:disabled {\n cursor: default;\n }\n\n /* Non react overlay animations */\n .p-connected-overlay {\n opacity: 0;\n transform: scaleY(0.8);\n transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n }\n\n .p-connected-overlay-visible {\n opacity: 1;\n transform: scaleY(1);\n }\n\n .p-connected-overlay-hidden {\n opacity: 0;\n transform: scaleY(1);\n transition: opacity .1s linear;\n }\n\n /* React based overlay animations */\n .p-connected-overlay-enter {\n opacity: 0;\n transform: scaleY(0.8);\n }\n\n .p-connected-overlay-enter-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n }\n\n .p-connected-overlay-enter-done {\n transform: none;\n }\n\n .p-connected-overlay-exit {\n opacity: 1;\n }\n\n .p-connected-overlay-exit-active {\n opacity: 0;\n transition: opacity .1s linear;\n }\n\n /* Toggleable Content */\n .p-toggleable-content-enter {\n max-height: 0;\n }\n\n .p-toggleable-content-enter-active {\n overflow: hidden;\n max-height: 1000px;\n transition: max-height 1s ease-in-out;\n }\n\n .p-toggleable-content-enter-done {\n transform: none;\n }\n\n .p-toggleable-content-exit {\n max-height: 1000px;\n }\n\n .p-toggleable-content-exit-active {\n overflow: hidden;\n max-height: 0;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n }\n\n .p-sr-only {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal;\n }\n\n /* @todo Refactor */\n .p-menu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n ".concat("\n.p-button {\n margin: 0;\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n align-items: center;\n vertical-align: bottom;\n text-align: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-button-label {\n flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n order: 1;\n}\n\n.p-button:disabled {\n cursor: default;\n}\n\n.p-button-icon-only {\n justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n visibility: hidden;\n width: 0;\n flex: 0 0 auto;\n}\n\n.p-button-vertical {\n flex-direction: column;\n}\n\n.p-button-icon-bottom {\n order: 2;\n}\n\n.p-button-group .p-button {\n margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n position: relative;\n z-index: 1;\n}\n","\n ").concat("\n.p-inputtext {\n margin: 0;\n}\n\n.p-fluid .p-inputtext {\n width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup-addon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n display: block;\n position: relative;\n}\n\n.p-float-label label {\n position: absolute;\n pointer-events: none;\n top: 50%;\n margin-top: -0.5rem;\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n top: -0.75rem;\n font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n opacity: 0;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n opacity: 1;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n position: relative;\n display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n display: block;\n width: 100%;\n}\n","\n ").concat("\n.p-icon {\n display: inline-block;\n}\n\n.p-icon-spin {\n -webkit-animation: p-icon-spin 2s infinite linear;\n animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n pointer-events: auto;\n}\n\nsvg.p-icon g,\n.p-disabled svg.p-icon {\n pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n\n@keyframes p-icon-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n","\n}\n"),U={cProps:void 0,cParams:void 0,cName:void 0,defaultProps:{pt:void 0,ptOptions:void 0,unstyled:!1},context:{},globalCSS:void 0,classes:{},styles:"",extend:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.css,t=C(C({},e.defaultProps),U.defaultProps),r={},a=function(){var e,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];n.hasOwnProperty("pt")&&void 0!==n.pt&&(n=n.pt);var i=t,l=/./g.test(i)&&!!r[i.split(".")[0]],p=o.ObjectUtils.toFlatCase(l?i.split(".")[1]:i),s=r.hostName&&o.ObjectUtils.toFlatCase(r.hostName)||r.props&&r.props.__TYPE&&o.ObjectUtils.toFlatCase(r.props.__TYPE)||"",c="transition"===p,u="data-pc-",d=function e(n){return null!=n&&n.props?n.hostName?n.props.__TYPE===n.hostName?n.props:e(n.parent):n.parent:void 0};U.cParams=r,U.cName=s;var f,b,g,v=(f="ptOptions",(null===(b=r.props)||void 0===b?void 0:b[f])||(null===(g=d(r))||void 0===g?void 0:g[f])||U.context.ptOptions||{}),h=v.mergeSections,y=void 0===h||h,x=v.mergeProps,O=void 0!==x&&x,j=function(){var e=D.apply(void 0,arguments);return Array.isArray(e)?{className:o.classNames.apply(void 0,k(e))}:o.ObjectUtils.isString(e)?{className:e}:null!=e&&e.hasOwnProperty("className")&&Array.isArray(e.className)?{className:o.classNames.apply(void 0,k(e.className))}:e},P=a?l?M(j,i,r):T(j,i,r):void 0,w=l?void 0:A(_(n,s),j,i,r),S=!c&&C(C({},"root"===p&&m({},"".concat(u,"name"),r.props&&r.props.__parentMetadata?o.ObjectUtils.toFlatCase(r.props.__TYPE):s)),{},m({},"".concat(u,"section"),p));return y||!y&&w?O?o.mergeProps([P,w,Object.keys(S).length?S:{}],{classNameMergeFunction:null===(e=U.context.ptOptions)||void 0===e?void 0:e.classNameMergeFunction}):C(C(C({},P),w),Object.keys(S).length?S:{}):C(C({},w),Object.keys(S).length?S:{})};return C(C({getProps:function(e){return U.context=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},U.cProps=e,o.ObjectUtils.getMergedProps(e,t)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,t)},setMetaData:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.props,i=e.state,l=function(){return U.context.unstyled||u.default.unstyled||t.unstyled};return{ptm:function(){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return a((t||{}).pt,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",C(C({},e),n))},ptmo:function(){return a(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},!1)},sx:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!(arguments.length>2&&void 0!==arguments[2])||arguments[2]){var l,p=D(n&&n.inlineStyles,e,C({props:t,state:i},a)),s=D(r,e,C({props:t,state:i},a));return o.mergeProps([s,p],{classNameMergeFunction:null===(l=U.context.ptOptions)||void 0===l?void 0:l.classNameMergeFunction})}},cx:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return l()?void 0:D(n&&n.classes,e,C({props:t,state:i},r))},isUnstyled:l}}},e),{},{defaultProps:t})}},D=function e(n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=String(o.ObjectUtils.toFlatCase(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"")).split("."),a=r.shift(),i=o.ObjectUtils.isNotEmpty(n)?Object.keys(n).find((function(e){return o.ObjectUtils.toFlatCase(e)===a})):"";return a?o.ObjectUtils.isObject(n)?e(o.ObjectUtils.getItemValue(n[i],t),r.join("."),t):void 0:o.ObjectUtils.getItemValue(n,t)},_=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",t=arguments.length>2?arguments[2]:void 0,r=null==e?void 0:e._usept,a=function(e){var r,a=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=t?t(e):e,l=o.ObjectUtils.toFlatCase(n);return null!==(r=a?l!==U.cName?null==i?void 0:i[l]:void 0:null==i?void 0:i[l])&&void 0!==r?r:i};return o.ObjectUtils.isNotEmpty(r)?{_usept:r,originalValue:a(e.originalValue),value:a(e.value)}:a(e,!0)},A=function(e,n,t,r){var a=function(e){return n(e,t,r)};if(null!=e&&e.hasOwnProperty("_usept")){var i=e._usept||U.context.ptOptions||{},l=i.mergeSections,p=void 0===l||l,s=i.mergeProps,c=void 0!==s&&s,u=i.classNameMergeFunction,d=a(e.originalValue),f=a(e.value);if(void 0===d&&void 0===f)return;return o.ObjectUtils.isString(f)?f:o.ObjectUtils.isString(d)?d:p||!p&&f?c?o.mergeProps([d,f],{classNameMergeFunction:u}):C(C({},d),f):f}return a(e)},M=function(e,n,t){return A(_(U.context.pt||u.default.pt,void 0,(function(e){return o.ObjectUtils.getItemValue(e,U.cParams)})),e,n,t)},T=function(e,n,t){return A(_(U.context.pt||u.default.pt,void 0,(function(e){return D(e,U.cName,U.cParams)||o.ObjectUtils.getItemValue(e,U.cParams)})),e,n,t)},I=function(e){var n=arguments.length>2?arguments[2]:void 0,t=n.name,a=n.styled,i=void 0!==a&&a,l=n.hostName,p=void 0===l?"":l,s=M(D,"global.css",U.cParams),c=o.ObjectUtils.toFlatCase(t),u=r.useStyle("\n.p-hidden-accessible {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n transform: scale(0);\n}\n\n.p-overflow-hidden {\n overflow: hidden;\n padding-right: var(--scrollbar-width);\n}\n",{name:"base",manual:!0}).load,d=r.useStyle(E,{name:"common",manual:!0}).load,f=r.useStyle(s,{name:"global",manual:!0}).load,b=r.useStyle(e,{name:t,manual:!0}).load,m=function(e){if(!p){var n=A(_((U.cProps||{}).pt,c),D,"hooks.".concat(e)),t=T(D,"hooks.".concat(e));null==n||n(),null==t||t()}};m("useMountEffect"),r.useMountEffect((function(){u(),f(),d(),i||b()})),r.useUpdateEffect((function(){m("useUpdateEffect")})),r.useUnmountEffect((function(){m("useUnmountEffect")}))},F=i.ComponentBase.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",linear:!1},css:{classes:{root:function(e){var n=e.props;return o.classNames("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===n.orientation,"p-stepper-vertical":"vertical"===n.orientation,"p-readonly":n.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var n=e.isItemDisabled,t=e.index;return o.classNames("p-stepper-header",{"p-highlight":(0,e.isStepActive)(t),"p-disabled":n(t)})},action:"p-stepper-action",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return o.classNames("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})}},panelContainer:"p-stepper-panels",panel:function(e){return o.classNames("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},styles:"\n@layer primereact {\n .p-stepper .p-stepper-nav {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow-x: auto;\n }\n \n .p-stepper-vertical .p-stepper-nav {\n flex-direction: column;\n }\n \n .p-stepper-header {\n position: relative;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n \n &:last-of-type {\n flex: initial;\n }\n }\n \n .p-stepper-header .p-stepper-action {\n border: 0 none;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n \n &:focus-visible {\n @include focused();\n }\n }\n \n .p-stepper.p-stepper-readonly .p-stepper-header {\n cursor: auto;\n }\n \n .p-stepper-header.p-highlight .p-stepper-action {\n cursor: default;\n }\n \n .p-stepper-title {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n \n .p-stepper-number {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-stepper-separator {\n flex: 1 1 0;\n }\n}\n"}});function z(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?z(Object(t),!0).forEach((function(n){m(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):z(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var Y=s.memo(s.forwardRef((function(e){var n=r.useMergeProps(),t=e.ptm,o=n(R(R(R({id:e.id,className:(0,e.cx)("stepper.content",{stepperpanel:e.stepperpanel,index:e.index}),role:"tabpanel","aria-labelledby":e.ariaLabelledby},e.getStepPT(e.stepperpanel,"root",e.index)),e.getStepPT(e.stepperpanel,"content",e.index)),{},{"data-p-active":e.active}),t("stepperpanel"));return s.createElement("div",o,e.template?s.createElement(e.template,{index:e.index,active:e.active,highlighted:e.highlighted,clickCallback:function(n){return e.onItemClick(n,e.index)},prevCallback:function(n){return e.prevCallback(n,e.index)},nextCallback:function(n){return e.nextCallback(n,e.index)}}):e.stepperpanel)})));Y.displayName="StepperContent";var V=s.memo(s.forwardRef((function(e){var n=r.useMergeProps(),t=e.cx,o=n({id:e.id,className:t("stepper.action"),role:"tab",tabIndex:e.disabled?-1:void 0,"aria-controls":e.ariaControls,onClick:function(n){return e.clickCallback(n,e.index)}});return e.template?e.template():s.createElement("button",o,s.createElement("span",{className:t("stepper.number")},e.index+1),s.createElement("span",{className:t("stepper.title")},e.getStepProp(e.stepperpanel,"header")))})));function L(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function B(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?L(Object(t),!0).forEach((function(n){m(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}V.displayName="StepperHeader";var H=s.memo(s.forwardRef((function(e){var n=r.useMergeProps()(B({"aria-hidden":!0,className:e.separatorClass},e.getStepPT(e.stepperpanel,"separator",e.index)));return e.template?e.template():s.createElement("span",n)})));function q(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function G(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?q(Object(t),!0).forEach((function(n){m(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}H.displayName="StepperSeparator";var $=c.default.memo(c.default.forwardRef((function(e,n){var i=r.useMergeProps(),l=c.default.useContext(t.PrimeReactContext),p=F.getProps(e,l),s=F.setMetaData({props:p}),u=s.ptm,d=s.cx,f=s.isUnstyled,b=s.ptmo,m=j(c.default.useState(p.id),2),v=m[0],h=m[1],y=j(c.default.useState(p.activeStep),2),x=y[0],O=y[1],P=c.default.useRef();I(F.css.styles,f,{name:"stepper"}),r.useMountEffect((function(){v||h(o.UniqueComponentId())}));var w=function(e,n){var t;return null==e||null===(t=e.props)||void 0===t?void 0:t[n]},S=function(e,n){return w(e,"header")||n},k=function(e){return"StepperPanel"===e.type.displayName},N=function(e){return x===e},C=function(e){return p.linear&&!N(e)},E=function(e,n){O(n),p.onChangeStep&&p.onChangeStep({originalEvent:e,index:n})},U=function(e){return"".concat(v,"_").concat(e,"_header_action")},D=function(e){return"".concat(v,"_").concat(e,"content")},_=function(){return c.default.Children.toArray(p.children).reduce((function(e,n){return k(n)?e.push(n):n&&Array.isArray(n)&&c.default.Children.toArray(n.props.children).forEach((function(n){k(n)&&e.push(n)})),e}),[])},A=function(e,n){0!==n&&E(e,n-1)},M=function(e,n){n!==_().length-1&&E(e,n+1)},T=function(e,n,t){var r=_().length,o={props:e.props,parent:{props:p},context:{index:t,count:r,first:0===t,last:t===r-1,active:N(t),highlighted:t<x,disabled:C(t)}};return i(u("stepperpanel.".concat(n),{stepperpanel:o}),u("stepperpanel.".concat(n),o),b(w(e,"pt"),n,o))},z=function(e,n){p.linear?e.preventDefault():n!==x&&E(e,n)};c.default.useImperativeHandle(n,(function(){return{getElement:function(){return P.current},nextCallback:function(e){return M(e,x)},prevCallback:function(e){return A(e,x)}}}));var R,L,B,q=i({className:o.classNames(d("root")),role:"tablist"},F.getOtherProps(p),u("root"));return c.default.createElement("div",q,p.start&&p.start(),"horizontal"===p.orientation&&(R=_().map((function(e,n){var t,r,a=i({className:o.classNames(d("stepper.header",{isStepActive:N,isItemDisabled:C,step:e,index:n})),"aria-current":N(n)&&"step",role:"presentation","data-p-highlight":N(n),"data-p-disabled":C(n),"data-p-active":N(n)},u("stepperpanel"));return c.default.createElement("li",g({key:S(e,n)},a),c.default.createElement(V,{id:U(n),template:null===(t=e.children)||void 0===t?void 0:t.header,stepperpanel:e,index:n,disabled:C(n),active:N(n),highlighted:n<x,ariaControls:D(n),clickCallback:z,getStepPT:T,getStepProp:w,cx:d}),n!==_().length-1&&c.default.createElement(H,{template:null===(r=e.children)||void 0===r?void 0:r.separator,separatorClass:d("stepper.separator"),stepperpanel:e,index:n,active:N(n),highlighted:n<x,getStepPT:T}))})),L=i({className:o.classNames(d("nav")),ref:P},u("nav")),B=i({className:d("panelContainer")},u("panelContainer")),c.default.createElement(c.default.Fragment,null,c.default.createElement("ul",L,R),c.default.createElement("div",B,_().map((function(e,n){var t;return N(n)?c.default.createElement(Y,{key:D(n),id:D(n),tempate:null==e||null===(t=e.children)||void 0===t?void 0:t.content,stepperpanel:e,index:n,active:N(n),highlighted:n<x,clickCallback:z,prevCallback:A,nextCallback:M,getStepPT:T,ariaLabelledby:U(n),ptm:u,cx:d}):null}))))),"vertical"===p.orientation&&_().map((function(e,n){var t,r,o,l=c.default.createRef(null),s=i(G(G(G({ref:P,className:d("panel",{props:p,index:n,isStepActive:N}),"aria-current":N(n)&&"step"},T(e,"root",n)),T(e,"panel",n)),{},{"data-p-highlight":N(n),"data-p-disabled":C(n),"data-p-active":N(n)}),u("nav")),f=i(G({className:d("stepper.header",{step:e,isStepActive:N,isItemDisabled:C,index:n})},T(e,"header",n))),b=i(G(G({classNames:d("stepper.content")},T(e,"transition",n)),{},{timeout:{enter:1e3,exit:450},in:N(n),unmountOnExit:!0})),m=i(G({ref:l,className:d("stepper.toggleableContent")},T(e,"toggleableContent",n)));return c.default.createElement("div",g({key:S(e,n)},s),c.default.createElement("div",f,c.default.createElement(V,{id:U(n),template:null===(t=e.children)||void 0===t?void 0:t.header,stepperpanel:e,index:n,disabled:C(n),active:N(n),highlighted:n<x,ariaControls:D(n),clickCallback:z,getStepPT:T,getStepProp:w,cx:d})),c.default.createElement(a.CSSTransition,g({nodeRef:l},b),c.default.createElement("div",m,n!==_().length-1&&c.default.createElement(H,{template:null===(r=e.children)||void 0===r?void 0:r.separator,separatorClass:d("stepper.separator"),stepperpanel:e,index:n,active:N(n),highlighted:n<x,getStepPT:T}),c.default.createElement(Y,{key:D(n),id:D(n),tempate:null==e||null===(o=e.children)||void 0===o?void 0:o.content,stepperpanel:e,index:n,active:N(n),highlighted:n<x,clickCallback:z,prevCallback:A,nextCallback:M,getStepPT:T,ariaLabelledby:U(n),ptm:u,cx:d}))))})),p.end&&p.end())})));return F.displayName="StepperBase",e.Stepper=$,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.csstransition,primereact.componentbase);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.stepper=function(e,t,r,n,a,i,p){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=o(t),s=l(t);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function d(e,t){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=d(e,"string");return"symbol"===u(t)?t:String(t)}function m(e,t,r){return(t=f(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},b.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,p,l=[],o=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=r.return&&(p=r.return(),Object(p)!==p))return}finally{if(c)throw a}}return l}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return v(e)||h(e,t)||g(e,t)||O()}var j=n.ComponentBase.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",linear:!1},css:{classes:{root:function(e){var t=e.props;return p.classNames("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.isItemDisabled,r=e.index;return p.classNames("p-stepper-header",{"p-highlight":(0,e.isStepActive)(r),"p-disabled":t(r)})},action:"p-stepper-action",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return p.classNames("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})}},panelContainer:"p-stepper-panels",panel:function(e){return p.classNames("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},styles:"\n@layer primereact {\n .p-stepper .p-stepper-nav {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow-x: auto;\n }\n \n .p-stepper-vertical .p-stepper-nav {\n flex-direction: column;\n }\n \n .p-stepper-header {\n position: relative;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n \n &:last-of-type {\n flex: initial;\n }\n }\n \n .p-stepper-header .p-stepper-action {\n border: 0 none;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n \n &:focus-visible {\n @include focused();\n }\n }\n \n .p-stepper.p-stepper-readonly .p-stepper-header {\n cursor: auto;\n }\n \n .p-stepper-header.p-highlight .p-stepper-action {\n cursor: default;\n }\n \n .p-stepper-title {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n \n .p-stepper-number {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-stepper-separator {\n flex: 1 1 0;\n }\n}\n"}});function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var C=c.memo(c.forwardRef((function(e){var t=i.useMergeProps(),r=e.ptm,n=t(S(S(S({id:e.id,className:(0,e.cx)("stepper.content",{stepperpanel:e.stepperpanel,index:e.index}),role:"tabpanel","aria-labelledby":e.ariaLabelledby},e.getStepPT(e.stepperpanel,"root",e.index)),e.getStepPT(e.stepperpanel,"content",e.index)),{},{"data-p-active":e.active}),r("stepperpanel"));return c.createElement("div",n,e.template?c.createElement(e.template,{index:e.index,active:e.active,highlighted:e.highlighted,clickCallback:function(t){return e.onItemClick(t,e.index)},prevCallback:function(t){return e.prevCallback(t,e.index)},nextCallback:function(t){return e.nextCallback(t,e.index)}}):e.stepperpanel)})));C.displayName="StepperContent";var w=c.memo(c.forwardRef((function(e){var t=i.useMergeProps(),r=e.cx,n=t({id:e.id,className:r("stepper.action"),role:"tab",tabIndex:e.disabled?-1:void 0,"aria-controls":e.ariaControls,onClick:function(t){return e.clickCallback(t,e.index)}});return e.template?e.template():c.createElement("button",n,c.createElement("span",{className:r("stepper.number")},e.index+1),c.createElement("span",{className:r("stepper.title")},e.getStepProp(e.stepperpanel,"header")))})));function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}w.displayName="StepperHeader";var N=c.memo(c.forwardRef((function(e){var t=i.useMergeProps()(k({"aria-hidden":!0,className:e.separatorClass},e.getStepPT(e.stepperpanel,"separator",e.index)));return e.template?e.template():c.createElement("span",t)})));function D(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}N.displayName="StepperSeparator";var T=s.default.memo(s.default.forwardRef((function(e,t){var l=i.useMergeProps(),o=s.default.useContext(r.PrimeReactContext),c=j.getProps(e,o),u=j.setMetaData({props:c}),d=u.ptm,f=u.cx,m=u.isUnstyled,v=u.ptmo,h=x(s.default.useState(c.id),2),y=h[0],g=h[1],O=x(s.default.useState(c.activeStep),2),P=O[0],S=O[1],E=s.default.useRef();n.useHandleStyle(j.css.styles,m,{name:"stepper"}),i.useMountEffect((function(){y||g(p.UniqueComponentId())}));var k=function(e,t){var r;return null==e||null===(r=e.props)||void 0===r?void 0:r[t]},D=function(e,t){return k(e,"header")||t},T=function(e){return"StepperPanel"===e.type.displayName},I=function(e){return P===e},_=function(e){return c.linear&&!I(e)},M=function(e,t){S(t),c.onChangeStep&&c.onChangeStep({originalEvent:e,index:t})},R=function(e){return"".concat(y,"_").concat(e,"_header_action")},z=function(e){return"".concat(y,"_").concat(e,"content")},H=function(){return s.default.Children.toArray(c.children).reduce((function(e,t){return T(t)?e.push(t):t&&Array.isArray(t)&&s.default.Children.toArray(t.props.children).forEach((function(t){T(t)&&e.push(t)})),e}),[])},L=function(e,t){0!==t&&M(e,t-1)},U=function(e,t){t!==H().length-1&&M(e,t+1)},B=function(e,t,r){var n=H().length,a={props:e.props,parent:{props:c},context:{index:r,count:n,first:0===r,last:r===n-1,active:I(r),highlighted:r<P,disabled:_(r)}};return l(d("stepperpanel.".concat(t),{stepperpanel:a}),d("stepperpanel.".concat(t),a),v(k(e,"pt"),t,a))},q=function(e,t){c.linear?e.preventDefault():t!==P&&M(e,t)};s.default.useImperativeHandle(t,(function(){return{getElement:function(){return E.current},nextCallback:function(e){return U(e,P)},prevCallback:function(e){return L(e,P)}}}));var F,Y,$,G=l({className:p.classNames(f("root")),role:"tablist"},j.getOtherProps(c),d("root"));return s.default.createElement("div",G,c.start&&c.start(),"horizontal"===c.orientation&&(F=H().map((function(e,t){var r,n,a=l({className:p.classNames(f("stepper.header",{isStepActive:I,isItemDisabled:_,step:e,index:t})),"aria-current":I(t)&&"step",role:"presentation","data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)},d("stepperpanel"));return s.default.createElement("li",b({key:D(e,t)},a),s.default.createElement(w,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<P,ariaControls:z(t),clickCallback:q,getStepPT:B,getStepProp:k,cx:f}),t!==H().length-1&&s.default.createElement(N,{template:null===(n=e.children)||void 0===n?void 0:n.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<P,getStepPT:B}))})),Y=l({className:p.classNames(f("nav")),ref:E},d("nav")),$=l({className:f("panelContainer")},d("panelContainer")),s.default.createElement(s.default.Fragment,null,s.default.createElement("ul",Y,F),s.default.createElement("div",$,H().map((function(e,t){var r;return I(t)?s.default.createElement(C,{key:z(t),id:z(t),tempate:null==e||null===(r=e.children)||void 0===r?void 0:r.content,stepperpanel:e,index:t,active:I(t),highlighted:t<P,clickCallback:q,prevCallback:L,nextCallback:U,getStepPT:B,ariaLabelledby:R(t),ptm:d,cx:f}):null}))))),"vertical"===c.orientation&&H().map((function(e,t){var r,n,i,p=s.default.createRef(null),o=l(A(A(A({ref:E,className:f("panel",{props:c,index:t,isStepActive:I}),"aria-current":I(t)&&"step"},B(e,"root",t)),B(e,"panel",t)),{},{"data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)}),d("nav")),u=l(A({className:f("stepper.header",{step:e,isStepActive:I,isItemDisabled:_,index:t})},B(e,"header",t))),m=l(A(A({classNames:f("stepper.content")},B(e,"transition",t)),{},{timeout:{enter:1e3,exit:450},in:I(t),unmountOnExit:!0})),v=l(A({ref:p,className:f("stepper.toggleableContent")},B(e,"toggleableContent",t)));return s.default.createElement("div",b({key:D(e,t)},o),s.default.createElement("div",u,s.default.createElement(w,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<P,ariaControls:z(t),clickCallback:q,getStepPT:B,getStepProp:k,cx:f})),s.default.createElement(a.CSSTransition,b({nodeRef:p},m),s.default.createElement("div",v,t!==H().length-1&&s.default.createElement(N,{template:null===(n=e.children)||void 0===n?void 0:n.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<P,getStepPT:B}),s.default.createElement(C,{key:z(t),id:z(t),tempate:null==e||null===(i=e.children)||void 0===i?void 0:i.content,stepperpanel:e,index:t,active:I(t),highlighted:t<P,clickCallback:q,prevCallback:L,nextCallback:U,getStepPT:B,ariaLabelledby:R(t),ptm:d,cx:f}))))})),c.end&&c.end())})));return j.displayName="StepperBase",e.Stepper=T,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.utils);
|