@react5/ui 1.0.0

package/packages/lib/dist/esm/index.esm.js

@@ -0,0 +1 @@
+import e,{useState as n,useEffect as r,forwardRef as t,Fragment as a,useRef as i,Children as o,useCallback as l}from"react";import c from"clsx";import{bem as u}from"@react5/bem";import{jsxs as s,jsx as d}from"react/jsx-runtime";import{Link as m}from"react-router-dom";import{TimeSpanInput as f}from"@react5/time-span";var v={core:{edit:"Edit",view:"View",name:"Name",title:"Title",description:"Description",next:"Next",previous:"Previous",settings:"Settings"}},h={core:{view:"Voir",edit:"Editer",name:"Nom",title:"Titre",description:"Description",next:"Suivant",previous:"Précédent",settings:"Paramètres"}},p="ui-library";function y(e){e.addResourceBundle("en",p,v,!0,!0),e.addResourceBundle("fr",p,h,!0,!0)}function b(e){return b="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},b(e)}function N(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function g(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?N(Object(r),!0).forEach((function(n){w(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function w(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=b(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=b(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==b(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function C(e,n,r){var t=e(n,g(g({},r),{},{returnObjects:!0}));return Array.isArray(t)?t:null}function O(e,n,r){return e(n,g(g({},r),{},{returnObjects:!0}))}function k(e){return u("r5ui-"+e)}var S=function(e,n){return e?e.replace("{name}",n||"Field"):e};function j(e){return j="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},j(e)}function A(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=j(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=j(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==j(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function x(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return E(e,n);var r={}.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)?E(e,n):void 0}}(e,n)||function(){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 E(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var L=k("accordion"),P=function(e){var t=e.title,a=e.children,i=e.className,o=e.isOpen,l=void 0!==o&&o,u=x(n(l),2),m=u[0],f=u[1];r((function(){l&&f(l)}),[l]);return s("div",{className:c(L(),i,A({},L("open"),m)),children:[s("button",{className:L("toggle-header"),onClick:function(e){e.preventDefault(),f((function(e){return!e}))},children:[d("h3",{className:L("title"),children:t}),d("span",{className:c(L("indicator"),m&&L("indicator","open"))})]}),d("div",{className:c(L("content"),m&&L("content","open")),children:a})]})},I=k("button"),M=function(e){var n=e.className,r=e.variant,t=void 0===r?"primary":r,a=e.type,i=void 0===a?"button":a,o=e.to,l=e.onClick,u=e.disabled,s=e.children,f=c(I(),I(t),I(i),n);return o?d(m,{className:f,to:o,children:s}):d("button",{className:f,onClick:function(e){l&&(e.preventDefault(),l(e))},disabled:u,type:i,children:s})},B=k("buttons-group"),D=function(e){var n=e.children,r=e.className;return d("div",{className:c(B(),r),children:n})},F=k("checkbox"),z=t((function(e,n){var r=e.checked,t=e.onChange,i=e.name,o=e.className,l=e.autoFocus,u=void 0!==l&&l,m=e.readonly,f=void 0!==m&&m,v=e.label,h=e.error;return s(a,{children:[s("label",{className:c(F(),o),children:[d("input",{id:i,name:i,className:F("input"),readOnly:f,type:"checkbox",checked:r,onChange:t,ref:n,autoFocus:u,autoComplete:"on"}),d("span",{className:F("checkmark")}),v&&d("span",{className:F("label"),children:v})]}),h&&d("div",{children:S(h,v)})]})})),T=k("typography"),U=function(e){var n=e.children,r=e.onClick,t=e.className,a=e.align,i=void 0===a?"left":a,o=e.variant,l=void 0===o?"p":o;return d(l,{className:c(T(),T(l),T(i),t),onClick:r,children:n})},$=k("icon-button"),V=function(e){var n=e.children,r=e.onClick,t=e.className,a=e.title,i=e.to,o=e.variant,l=void 0===o?"none":o,u=e.type,s=e.disabled;return i?d(m,{className:c($(),$(l),t),to:i,title:a,type:u,children:n}):d("button",{className:c($(),$(l),t),onClick:function(e){e.preventDefault(),r&&r(e)},disabled:s,title:a,type:u,children:n})},H={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},R=e.createContext&&e.createContext(H),X=["attr","size","title"];function K(e,n){if(null==e)return{};var r,t,a=function(e,n){if(null==e)return{};var r={};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){if(n.indexOf(t)>=0)continue;r[t]=e[t]}return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t<i.length;t++)r=i[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function W(){return W=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},W.apply(this,arguments)}function q(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function G(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?q(Object(r),!0).forEach((function(n){J(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):q(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function J(e,n,r){var t;return(n="symbol"==typeof(t=function(e,n){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(n,"string"))?t:t+"")in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Q(n){return n&&n.map(((n,r)=>e.createElement(n.tag,G({key:r},n.attr),Q(n.child))))}function Y(n){return r=>e.createElement(Z,W({attr:G({},n.attr)},r),Q(n.child))}function Z(n){var r=r=>{var t,{attr:a,size:i,title:o}=n,l=K(n,X),c=i||r.size||"1em";return r.className&&(t=r.className),n.className&&(t=(t?t+" ":"")+n.className),e.createElement("svg",W({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,a,l,{className:t,style:G(G({color:n.color||r.color},r.style),n.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),o&&e.createElement("title",null,o),n.children)};return void 0!==R?e.createElement(R.Consumer,null,(e=>r(e))):r(H)}function _(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 192 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128zM160 96c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 32C43 32 0 75 0 128L0 384c0 53 43 96 96 96l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l64 0z"},child:[]}]})(e)}function ee(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"},child:[]}]})(e)}function ne(e){return Y({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"},child:[]}]})(e)}function re(e){return Y({attr:{viewBox:"0 0 384 512"},child:[{tag:"path",attr:{d:"M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"},child:[]}]})(e)}function te(e){return Y({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"},child:[]}]})(e)}function ae(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z"},child:[]}]})(e)}function ie(e){return Y({attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M400 0L176 0c-26.5 0-48.1 21.8-47.1 48.2c.2 5.3 .4 10.6 .7 15.8L24 64C10.7 64 0 74.7 0 88c0 92.6 33.5 157 78.5 200.7c44.3 43.1 98.3 64.8 138.1 75.8c23.4 6.5 39.4 26 39.4 45.6c0 20.9-17 37.9-37.9 37.9L192 448c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-26.1 0C337 448 320 431 320 410.1c0-19.6 15.9-39.2 39.4-45.6c39.9-11 93.9-32.7 138.2-75.8C542.5 245 576 180.6 576 88c0-13.3-10.7-24-24-24L446.4 64c.3-5.2 .5-10.4 .7-15.8C448.1 21.8 426.5 0 400 0zM48.9 112l84.4 0c9.1 90.1 29.2 150.3 51.9 190.6c-24.9-11-50.8-26.5-73.2-48.3c-32-31.1-58-76-63-142.3zM464.1 254.3c-22.4 21.8-48.3 37.3-73.2 48.3c22.7-40.3 42.8-100.5 51.9-190.6l84.4 0c-5.1 66.3-31.1 111.2-63 142.3z"},child:[]}]})(e)}function oe(e){return Y({attr:{viewBox:"0 0 384 512"},child:[{tag:"path",attr:{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},child:[]}]})(e)}var le=k("modal"),ce=function(e){var n=e.className,r=e.children,t=e.onClose,a=e.title,i=e.variant,o=void 0===i?"large":i;return d("div",{className:c(le(),n),children:s("div",{className:c(le("content"),le("content",o)),onClick:function(e){return e.stopPropagation()},children:[d(U,{className:le("title"),variant:"h3",children:a}),t&&d(V,{className:le("close"),variant:"round-outlined",onClick:t,children:d(oe,{})}),d("div",{className:le("modal-body"),children:r})]})})};ce.Header=function(e){var n=e.children,r=e.className;return d("div",{className:c(le("header"),r),children:n})};ce.Body=function(e){var n=e.children,r=e.className;return d("div",{className:c(le("body"),r),children:n})};ce.Footer=function(e){var n=e.children,r=e.className;return d("div",{className:c(le("footer"),r),children:n})};var ue=k("form-buttons"),se=function(e){var n=e.children,r=e.className;return d("div",{className:c(ue(),r),children:n})},de=k("dialog-prompt"),me=function(e){var n=e.children,r=e.onOk,t=e.onCancel,a=e.className,i=e.prompt,o=e.confirmText,l=e.cancelText;return s(ce,{variant:"small",className:c(de(),a),onClose:t,children:[d(ce.Header,{}),s(ce.Body,{className:de("body"),children:[i&&d(U,{variant:"h2",align:"center",children:i}),n]}),d(ce.Footer,{children:s(se,{children:[d(M,{type:"submit",onClick:r,children:o}),d(M,{type:"button",variant:"secondary",onClick:t,children:l})]})})]})},fe=k("divider"),ve=function(e){var n=e.children,r=e.className;return d("div",{className:c(fe(),r),children:d("span",{className:fe("label"),children:n})})};function he(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return pe(e,n);var r={}.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)?pe(e,n):void 0}}(e,n)||function(){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 pe(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var ye=k("dropdown"),be=function(e){var t=e.items,a=e.selectedItem,o=e.direction,l=void 0===o?"down":o,u=e.variant,m=void 0===u?"primary":u,f=e.onChange,v=e.className,h=he(n(!1),2),p=h[0],y=h[1],b=i(null);r((function(){var e=function(e){b.current&&!b.current.contains(e.target)&&y(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var N="".concat(ye("list")," ").concat(ye("list",l));return s("div",{className:c(ye(),v),ref:b,children:[s(M,{className:ye("button",l),variant:m,onClick:function(){return y((function(e){return!e}))},children:[(null==a?void 0:a.label)||"",d("span",{className:c(ye("indicator"),ye("indicator-".concat(m)),ye("indicator",l),p&&ye("indicator","open"))})]}),p&&d("ul",{className:N,children:t.map((function(e,n){return d("li",{className:ye("item"),onClick:(r=e,function(){f&&f(r),y(!1)}),children:e.label},n);var r}))})]})},Ne=k("form"),ge=function(e){var n=e.children,r=e.onSubmit,t=e.className;return d("form",{method:"post",onSubmit:function(e){r&&(e.preventDefault(),r(e))},className:c(Ne(),t),children:n})},we=k("menu-item"),Ce=function(e){var n=e.className,r=e.to,t=e.onClick,a=e.component,i=e.disabled,o=e.children,l=c(we(),n);return a?d("div",{className:n,children:a}):r?d(m,{className:l,to:r,onClick:function(){t&&t()},children:o}):d("button",{className:l,onClick:t,disabled:i,children:o})};function Oe(e,n){r((function(){var r=function(r){e.every((function(e){return e.current&&!e.current.contains(r.target)}))&&n()};return document.addEventListener("mousedown",r),function(){document.removeEventListener("mousedown",r)}}),[e,n])}function ke(e,n,t){r((function(){var r=function(e){"Enter"===e.key?(n(),e.preventDefault()):"Escape"===e.key&&(t&&t(),e.preventDefault())},a=e.current;return a&&a.addEventListener("keydown",r),function(){a&&a.removeEventListener("keydown",r)}}),[e,n,t])}function Se(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r((function(){n&&e.current&&e.current.focus()}),[n,e])}function je(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ae(e,n);var r={}.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)?Ae(e,n):void 0}}(e,n)||function(){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 Ae(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var xe=k("navbar"),Ee=function(e){var r=e.children,t=e.className,a=je(n(!1),2),l=a[0],u=a[1],m=i(null),f=i(null);Oe([m,f],(function(){return u(!1)}));return s("nav",{className:c(xe(),t),children:[d("button",{className:xe("expand-button"),onClick:function(){return u((function(e){return!e}))},ref:m,children:d(ne,{})}),d("ul",{className:c(xe("container"),l&&xe("container","open")),ref:f,children:o.map(r,(function(e,n){return d("li",{className:xe("item"),children:e},n)}))})]})},Le=k("navbar-link"),Pe=function(e){var n=e.to,r=e.children,t=e.onClick,a=e.component,i=e.className;return a?d(a,{className:c(Le(),i),to:n,children:r}):d("a",t?{className:c(Le(),i),href:"#",onClick:t,children:r}:{children:r})};function Ie(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Me(e,n);var r={}.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)?Me(e,n):void 0}}(e,n)||function(){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 Me(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var Be=k("navbar-menu"),De=function(e){var t=e.items,a=e.className,o=e.menuTitle,l=e.header,u=e.direction,m=void 0===u?"down":u,f=e.variant,v=void 0===f?"primary":f,h=Ie(n(!1),2),p=h[0],y=h[1],b=i(null);r((function(){var e=function(e){b.current&&!b.current.contains(e.target)&&y(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var N=function(){return y((function(e){return!e}))},g="".concat(Be("container")," ").concat(Be("container",m));return s("div",{className:c(Be(),a),ref:b,children:[d("button",{className:Be("button"),onClick:N,children:o}),d("button",{className:Be("toggle-button"),onClick:N,children:d("span",{className:c(Be("indicator"),Be("indicator-".concat(v)),p&&Be("indicator","open"))})}),s("div",{className:c(g,p&&Be("container","open")),children:[d("span",{className:Be("drop-header"),children:l}),d("ul",{className:Be("list"),children:t.map((function(e,n){return d("li",{className:Be("item"),children:d(Ce,{className:Be("menu-item"),component:e.component,to:e.to,onClick:(r=e.onClick,function(e){y(!1),r&&r(e)}),children:e.title})},n);var r}))})]})]})},Fe=k("panel"),ze=function(e){var n=e.children,r=e.className;return d("div",{className:c(Fe(),r),children:n})},Te=k("paper"),Ue=function(e){var n=e.children,r=e.className;return d("div",{className:c(Te(),r),children:n})};function $e(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ve(e,n);var r={}.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)?Ve(e,n):void 0}}(e,n)||function(){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 Ve(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var He=k("range-slider"),Re=function(e){var t=e.min,a=void 0===t?0:t,o=e.max,u=void 0===o?3600:o,m=e.step,v=void 0===m?1:m,h=e.from,p=void 0===h?a:h,y=e.to,b=void 0===y?u:y,N=e.onChange,g=e.onPickFrom,w=e.onPickTo,C=e.pickFromLabel,O=e.pickToLabel,k=$e(n(p),2),S=k[0],j=k[1],A=$e(n(b),2),x=A[0],E=A[1],L=i(null),P=i(null),I=l((function(e){B(e)}),[]),M=function(e){return(e-a)/(u-a)*100},B=function(e){if(L.current&&P.current){var n=L.current.getBoundingClientRect(),r=e-n.left,t=Math.min(Math.max(r/n.width,0),1),i=Math.round((a+t*(u-a))/v)*v;"min"===P.current?i<x&&j(i):"max"===P.current&&i>S&&E(i)}},D=function(){N&&N(S,x),P.current=null,document.removeEventListener("mousemove",F)},F=function(e){I(e.clientX)},z=function(e){return function(n){P.current=e,B(n.clientX),document.addEventListener("mousemove",F)}};return r((function(){j(p),E(b)}),[p,b]),s("div",{className:He(),children:[s("div",{ref:L,className:He("track"),children:[d("div",{className:He("range"),style:{left:"".concat(M(S),"%"),right:"".concat(100-M(x),"%")}}),d("div",{className:c(He("thumb"),He("thumb","min")),style:{left:"".concat(M(S),"%")},onMouseDown:z("min"),onMouseUp:D}),d("div",{className:c(He("thumb"),He("thumb","max")),style:{left:"".concat(M(x),"%")},onMouseDown:z("max"),onMouseUp:D})]}),s("div",{className:He("values"),children:[s("span",{className:He("value"),children:[d(f,{className:He("value-field"),step:v||2,value:S,onChange:function(e){j(e),N&&N(e,x)}}),d(V,{className:He("pick-button"),variant:"round-outlined",title:C,onClick:g,children:d(_,{})})]}),s("span",{className:He("value"),children:[d(V,{className:He("pick-button"),variant:"round-outlined",title:O,onClick:w,children:d(ee,{})}),d(f,{className:He("value-field"),step:v||2,value:x,onChange:function(e){E(e),N&&N(S,e)}})]})]})]})};function Xe(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ke(e,n);var r={}.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)?Ke(e,n):void 0}}(e,n)||function(){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 Ke(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var We=k("responsive-bar"),qe=function(e){var r=e.children,t=e.className,a=e.expandClassName,l=e.icon,u=void 0===l?d(ne,{}):l,m=Xe(n(!1),2),f=m[0],v=m[1],h=i(null),p=i(null);Oe([h,p],(function(){return v(!1)}));return s("nav",{className:c(We(),t),children:[d("button",{className:c(We("expand-button"),a),onClick:function(){return v((function(e){return!e}))},ref:h,children:u}),d("ul",{className:c(We("container"),f&&We("container","open")),ref:p,children:o.map(r,(function(e,n){return d("li",{className:We("item"),children:e},n)}))})]})},Ge=k("scroll-view"),Je=function(e){var n=e.children,r=e.className;return d("div",{className:c(Ge(),r),children:n})},Qe=k("section"),Ye=function(e){var n=e.children,r=e.onClose,t=e.noBorder;return s("div",{className:Qe(),children:[d("div",{className:c(Qe("fields"),!t&&Qe("with-border")),children:n}),r&&d("div",{className:Qe("actions"),children:d(V,{onClick:r,children:d(oe,{})})})]})},Ze=k("select-field"),_e=t((function(e,n){var r=e.value,t=e.onChange,a=e.noLabel,i=void 0!==a&&a,o=e.onBlur,l=e.name,u=e.className,m=e.autoFocus,f=void 0!==m&&m,v=e.disabled,h=void 0!==v&&v,p=e.label,y=e.error,b=e.options;return s("div",{className:c(Ze(),u),children:[s("div",{className:Ze("wrapper"),children:[!i&&s("label",{htmlFor:l,className:Ze("label"),children:[p,":"]}),d("select",{id:l,name:l,className:Ze("input"),disabled:h,value:r,onChange:t,onBlur:o,ref:n,autoFocus:f,autoComplete:"on",children:b&&b.map((function(e){return d("option",{value:e.value,children:e.label},e.value)}))})]}),y&&d("div",{className:Ze("error-container"),children:S(y,p)})]})})),en=function(){return d("span",{className:"spacer"})},nn=k("stack-panel"),rn=function(e){var n=e.children,r=e.className;return d("div",{className:c(nn(),r),children:n})};function tn(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return an(e,n);var r={}.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)?an(e,n):void 0}}(e,n)||function(){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 an(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}rn.Item=function(e){var n=e.children,r=e.className;return d("div",{className:c(nn("item"),r),children:n})};var on=k("submenu"),ln=function(e){var t=e.items,a=e.selectedItem,o=e.variant,l=void 0===o?"primary":o,u=e.onChange,m=e.className,f=tn(n(!1),2),v=f[0],h=f[1],p=i(null);r((function(){var e=function(e){p.current&&!p.current.contains(e.target)&&h(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var y=on("list");return s("div",{className:c(on(),m),ref:p,children:[s("button",{className:on("button"),onClick:function(){return h((function(e){return!e}))},children:[(null==a?void 0:a.label)||"",d("span",{className:c(on("indicator"),on("indicator-".concat(l)),v&&on("indicator","open"))})]}),v&&d("ul",{className:y,children:t.map((function(e,n){return d("li",{className:on("item"),onClick:(r=e,function(){u&&u(r),h(!1)}),children:e.label},n);var r}))})]})},cn=k("toolbar"),un=function(e){var n=e.children,r=e.className,t=e.align,a=void 0===t?"left":t,i=e.orientation,o=void 0===i?"horizontal":i;return d("div",{className:c(cn(),cn("",a),cn("",o),r),children:n})},sn=k("success-congratulation"),dn=function(e){var n=e.message,t=void 0===n?"Congratulations!":n,a=e.onContinue,i=e.onAddToFavorites,o=e.isFavorite,l=e.className,u=e.continueText,m=void 0===u?"Continue":u;r((function(){var e=function(e){["Escape","Enter"," "].includes(e.key)&&(e.preventDefault(),null==a||a())};return window.addEventListener("keydown",e,!1),function(){window.removeEventListener("keydown",e)}}),[a]);return s("div",{className:c(sn(),l),onClick:function(){null==a||a()},tabIndex:0,role:"button",children:[d("div",{className:sn("icon"),children:d(ie,{className:sn("checkmark")})}),d("p",{className:sn("message"),children:t}),s(un,{children:[d(V,{variant:"rounded",onClick:a,children:m}),d(V,{variant:"round-outlined",onClick:function(e){null==e||e.stopPropagation(),null==i||i()},children:d(re,{className:c(o&&sn("favorite"))})})]})]})},mn=k("text-area"),fn=t((function(e,n){var r=e.value,t=e.onChange,a=e.noLabel,i=void 0!==a&&a,o=e.onBlur,l=e.name,u=e.rows,m=void 0===u?3:u,f=e.className,v=e.autoFocus,h=void 0!==v&&v,p=e.readonly,y=void 0!==p&&p,b=e.label,N=e.error,g=e.placeholder;return s("div",{className:c(mn(),f),children:[s("div",{className:mn("wrapper"),children:[!i&&s("label",{htmlFor:l,className:mn("label"),children:[b,":"]}),d("textarea",{rows:m,id:l,name:l,className:mn("input"),readOnly:y,value:r,onChange:t,onBlur:o,ref:n,autoFocus:h,autoComplete:"on",placeholder:g})]}),N&&d("div",{className:mn("error-container"),children:S(N,b)})]})})),vn=k("text-field"),hn=function(e){var n=e.id,r=e.name,t=e.className,a=e.label,i=e.children;return d("div",{className:c(vn(),t),children:s("div",{className:vn("wrapper"),children:[s("label",{htmlFor:n||r,className:vn("label"),children:[a,":"]}),d("div",{className:vn("input-wrapper"),children:i})]})})},pn=t((function(e,n){var r=e.isPassword,t=e.value,a=e.onChange,i=e.onEnter,o=e.noLabel,l=void 0!==o&&o,u=e.onBlur,m=e.type,f=void 0===m?"text":m,v=e.name,h=e.className,p=e.autoFocus,y=void 0!==p&&p,b=e.readonly,N=void 0!==b&&b,g=e.label,w=e.error,C=e.placeholder,O=e.step;return s("div",{className:c(vn(),h),children:[s("div",{className:vn("wrapper"),children:[!l&&s("label",{htmlFor:v,className:vn("label"),children:[g,":"]}),d("div",{className:vn("input-wrapper"),children:d("input",{id:v,name:v,className:c(vn("input"),vn("input",f)),readOnly:N,type:r?"password":f,value:t,onChange:a,onBlur:u,ref:n,autoFocus:y,autoComplete:"on",onKeyDown:function(e){"Enter"===e.key&&i&&(e.preventDefault(),i())},placeholder:C,step:O})})]}),w&&d("div",{className:vn("error-container"),children:S(w,g)})]})}));function yn(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return bn(e,n);var r={}.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)?bn(e,n):void 0}}(e,n)||function(){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 bn(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var Nn=k("title-edit"),gn=function(e){var t=e.className,a=e.variant,o=void 0===a?"p":a,l=e.noButton,u=void 0!==l&&l,m=e.value,f=e.type,v=void 0===f?"text":f,h=e.onChange,p=e.postfix,y=e.name,b=yn(n(m),2),N=b[0],g=b[1],w=yn(n(!1),2),C=w[0],O=w[1],k=i(null);Se(k,C);var S=function(){h(N),O(!1)},j=function(){g(m),O(!1)};ke(k,S,j),r((function(){g(m)}),[m]);var A=function(){O(!0)};return s("div",{className:c(Nn(),t),children:[C&&s("div",{className:Nn("container"),children:[d("input",{id:y,name:y,type:v,className:c(Nn("edit-field"),Nn("edit-field",v)),value:N,onChange:function(e){g(e.target.value)},ref:k}),d(V,{onClick:S,children:d(te,{})}),d(V,{onClick:j,children:d(oe,{})})]}),!C&&s("div",{className:Nn("container"),children:[s(U,{variant:o,onClick:A,children:[m," ",p]}),!u&&d(V,{onClick:A,children:d(ae,{})})]})]})},wn=k("toast"),Cn=function(e){var n=e.type,r=void 0===n?"success":n,t=e.children,a=e.onClose,i=e.className;return s("div",{className:c(wn(),wn("",r),i),children:[t,d("button",{"aria-label":"Close",className:wn("close"),onClick:function(){return a&&a()},children:d("span",{"aria-hidden":"true",children:"×"})})]})},On=k("toggle-button"),kn=t((function(e,n){var r=e.checked,t=e.onChange,i=e.name,o=e.className,l=e.autoFocus,u=void 0!==l&&l,m=e.readonly,f=void 0!==m&&m,v=e.label,h=e.error;return s(a,{children:[s("label",{className:c(On(),o),children:[d("input",{id:i,name:i,className:On("input"),readOnly:f,type:"checkbox",checked:r,onChange:t,ref:n,autoFocus:u,autoComplete:"on"}),d("span",{className:On("slider")})]}),d("span",{className:On("label"),children:v}),h&&d("div",{children:S(h,v)})]})}));export{P as Accordion,M as Button,D as ButtonsGroup,z as CheckBox,me as DialogPrompt,ve as Divider,be as DropDown,ge as Form,se as FormButtons,V as IconButton,Ce as MenuItem,ce as Modal,Ee as Navbar,Pe as NavbarLink,De as NavbarMenu,ze as Panel,Ue as Paper,Re as RangeSlider,qe as ResponsiveBar,Je as ScrollView,Ye as Section,_e as SelectField,en as Spacer,rn as StackPanel,ln as Submenu,dn as SuccessCongratulation,fn as TextArea,pn as TextField,hn as TextFieldWrapper,gn as TitleEdit,Cn as Toast,kn as ToggleButton,un as Toolbar,U as Typography,y as addTranslations,k as bem,S as formatError,C as ta,O as to,Oe as useClickOutside,ke as useKeysEneterEsc,Se as useSetStartupFocus};