@alxgrn/telefrag-ui 0.0.61 → 0.0.63

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.
Files changed (20) hide show
  1. package/dist/assets/Content.css +1 -1
  2. package/dist/assets/Header.css +1 -1
  3. package/dist/assets/PageHeader.css +1 -1
  4. package/dist/assets/Scroll.css +1 -0
  5. package/dist/assets/Toolbar.css +1 -0
  6. package/dist/components/form/form/Form.js +6 -4
  7. package/dist/components/form/image/Image.js +19 -17
  8. package/dist/components/form/select/Select.js +6 -4
  9. package/dist/components/form/time/Time.js +5 -3
  10. package/dist/components/layout/Layout.js +5 -3
  11. package/dist/components/layout/Page.js +5 -3
  12. package/dist/components/layout/PageHeader.d.ts +4 -0
  13. package/dist/components/layout/PageHeader.js +49 -41
  14. package/dist/components/ui/scroll/Scroll.d.ts +18 -0
  15. package/dist/components/ui/scroll/Scroll.js +60 -0
  16. package/dist/components/ui/toolbar/Toolbar.d.ts +15 -0
  17. package/dist/components/ui/toolbar/Toolbar.js +20 -0
  18. package/dist/main.d.ts +4 -2
  19. package/dist/main.js +37 -33
  20. package/package.json +1 -1
package/dist/assets/Content.css CHANGED
@@ -1 +1 @@
1
- .Content{display:flex;align-items:stretch;gap:var(--alxgrn-unit-half);max-width:var(--alxgrn-layout-width);margin:0 auto;margin-top:var(--alxgrn-layout-header-height)}.Content .ContentMain{flex:0 0 auto;width:calc(var(--alxgrn-layout-width) - var(--alxgrn-layout-menu-width) - var(--alxgrn-unit-half))}.Content .ContentMenu{flex:0 0 auto;width:var(--alxgrn-layout-menu-width);color:var(--alxgrn-color-text);background-color:var(--alxgrn-bg-main);max-height:calc(100vh - var(--alxgrn-unit) - var(--alxgrn-layout-header-height));overflow-y:auto;position:sticky;top:var(--alxgrn-layout-header-height)}.Content .ContentMenu::-webkit-scrollbar{width:var(--alxgrn-unit-small);height:var(--alxgrn-unit-small)}.Content .ContentMenu::-webkit-scrollbar-corner{background-color:transparent}.Content .ContentMenu::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Content .ContentMenu::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Content .ContentMenu:hover::-webkit-scrollbar-thumb{background-color:var(--alxgrn-color-scroll);border-radius:var(--alxgrn-unit-small)}@media (max-width: 1024px){.Content .ContentMenu{display:none}.Content .ContentMain{width:100%}}
1
+ .Content{display:flex;align-items:stretch;gap:var(--alxgrn-unit-half);max-width:var(--alxgrn-layout-width);margin:0 auto;margin-top:var(--alxgrn-layout-header-height)}.Content .ContentMain{flex:0 0 auto;width:calc(var(--alxgrn-layout-width) - var(--alxgrn-layout-menu-width) - var(--alxgrn-unit-half))}.Content .ContentMenu{flex:0 0 auto;width:var(--alxgrn-layout-menu-width);max-height:calc(100vh - var(--alxgrn-layout-header-height));overflow-y:auto;position:sticky;top:var(--alxgrn-layout-header-height)}.Content .ContentMenu::-webkit-scrollbar{width:var(--alxgrn-unit-small);height:var(--alxgrn-unit-small)}.Content .ContentMenu::-webkit-scrollbar-corner{background-color:transparent}.Content .ContentMenu::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Content .ContentMenu::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Content .ContentMenu:hover::-webkit-scrollbar-thumb{background-color:var(--alxgrn-color-scroll);border-radius:var(--alxgrn-unit-small)}@media (max-width: 1024px){.Content .ContentMenu{display:none}.Content .ContentMain{width:100%}}
package/dist/assets/Header.css CHANGED
@@ -1 +1 @@
1
- .HeaderWrapper{z-index:100;display:block;position:fixed;top:0;width:100%;background-color:var(--alxgrn-bg-panel)}.Header{display:flex;align-items:center;justify-content:space-between;max-width:var(--alxgrn-layout-width);height:var(--alxgrn-layout-header-height);margin:0 auto;padding-left:calc(var(--alxgrn-unit-half) + var(--alxgrn-layout-menu-width))}.HeaderMobile,.HeaderTablet{display:none}.HeaderDesktop{flex:0 0 auto;display:flex}.HeaderMobile svg,.HeaderTablet svg,.HeaderDesktop svg{width:auto;height:calc(2 * var(--alxgrn-unit));cursor:pointer}@media (max-width: 1024px){.Header{padding:0 var(--alxgrn-unit)}.HeaderTablet{flex:0 0 auto;display:flex}.HeaderMobile,.HeaderDesktop{display:none}}@media (max-width: 512px){.Header{padding:0 var(--alxgrn-unit)}.HeaderMobile{flex:0 0 auto;display:flex}.HeaderTablet,.HeaderDesktop{display:none}}
1
+ .HeaderWrapper{z-index:100;display:block;position:fixed;top:0;width:100%;background-color:var(--alxgrn-bg-panel)}.Header{display:flex;align-items:center;justify-content:space-between;max-width:var(--alxgrn-layout-width);height:var(--alxgrn-layout-header-height);margin:0 auto;padding-left:calc(var(--alxgrn-unit-half) + var(--alxgrn-layout-menu-width))}.HeaderMobile,.HeaderTablet{display:none}.HeaderDesktop{flex:0 0 auto;display:flex}.HeaderMobile svg,.HeaderTablet svg,.HeaderDesktop svg{width:auto;height:var(--alxgrn-unit-double);cursor:pointer}@media (max-width: 1024px){.Header{padding:0 var(--alxgrn-unit-half)}.HeaderTablet{flex:0 0 auto;display:flex}.HeaderMobile,.HeaderDesktop{display:none}}@media (max-width: 512px){.Header{padding:0 var(--alxgrn-unit-half)}.HeaderMobile{flex:0 0 auto;display:flex}.HeaderTablet,.HeaderDesktop{display:none}}
package/dist/assets/PageHeader.css CHANGED
@@ -1 +1 @@
1
- *{box-sizing:border-box;overflow-wrap:anywhere}:root{--alxgrn-unit: 16px;--alxgrn-unit-half: 8px;--alxgrn-unit-small: 4px;--alxgrn-unit-double: 32px;--alxgrn-unit-smallest: 2px;--alxgrn-animation-length: .15s;--alxgrn-font-size: 16px;--alxgrn-font-size-big: 20px;--alxgrn-font-size-huge: 40px;--alxgrn-font-size-large: 18px;--alxgrn-font-size-largest: 22px;--alxgrn-font-size-small: 14px;--alxgrn-font-size-smallest: 10px;--alxgrn-line-height: 1.3;--alxgrn-font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--alxgrn-color-h1: #777;--alxgrn-color-h2: #777;--alxgrn-color-h3: #777;--alxgrn-font-size-h1: var(--alxgrn-font-size-huge);--alxgrn-font-size-h2: var(--alxgrn-font-size-big);--alxgrn-font-size-h3: var(--alxgrn-font-size-large);--alxgrn-line-height-h1: var(--alxgrn-line-height);--alxgrn-line-height-h2: var(--alxgrn-line-height);--alxgrn-line-height-h3: var(--alxgrn-line-height);--alxgrn-logo-color-blue: #7091a7;--alxgrn-logo-color-navi: #004571;--alxgrn-logo-color-beige: #c9c1ae;--alxgrn-color-text: #555;--alxgrn-color-dark: var(--alxgrn-color-text);--alxgrn-color-light: lightslategrey;--alxgrn-color-error: firebrick;--alxgrn-color-accent: steelblue;--alxgrn-color-active: var(--alxgrn-color-text);--alxgrn-color-success: forestgreen;--alxgrn-color-scroll: #ccc;--alxgrn-bg-main: #eee;--alxgrn-bg-panel: #fff;--alxgrn-bg-modal: var(--alxgrn-bg-panel);--alxgrn-bg-popup: var(--alxgrn-bg-panel);--alxgrn-bg-dark: #888;--alxgrn-bg-light: rgba(119, 136, 153, .1);--alxgrn-bg-error: rgba(178, 34, 34, .1);--alxgrn-bg-accent: #ecf2f7;--alxgrn-bg-active: moccasin;--alxgrn-bg-success: rgba(34, 139, 34, .1);--alxgrn-border: #ddd;--alxgrn-border-dark: rgba(136, 136, 136, 1);--alxgrn-border-light: rgba(119, 136, 153, 1);--alxgrn-border-error: rgba(178, 34, 34, 1);--alxgrn-border-accent: rgba(70, 130, 180, 1);--alxgrn-border-active: moccasin;--alxgrn-border-success: rgba(34, 139, 34, 1)}[data-theme=dark]{--alxgrn-color-text: #999;--alxgrn-color-light: #666;--alxgrn-color-scroll: var(--alxgrn-bg-active);--alxgrn-bg-main: #111;--alxgrn-bg-panel: #222;--alxgrn-bg-modal: #222;--alxgrn-bg-popup: #333;--alxgrn-bg-accent: #333b3f;--alxgrn-bg-active: #444;--alxgrn-border: #555;--alxgrn-border-dark: rgba(136, 136, 136, .5);--alxgrn-border-light: rgba(119, 136, 153, .5);--alxgrn-border-error: rgba(178, 34, 34, .5);--alxgrn-border-accent: rgba(70, 130, 180, .5);--alxgrn-border-active: rgba(255, 228, 181, .5);--alxgrn-border-success: rgba(34, 139, 34, .5)}.Scrollbar::-webkit-scrollbar{width:var(--alxgrn-unit-small);height:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-thumb{background-color:var(--alxgrn-color-scroll);border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-corner{background-color:transparent}.one-line{overflow-wrap:break-word;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 512px){*{--alxgrn-font-size-h1: var(--alxgrn-font-size-big);--alxgrn-font-size-h2: var(--alxgrn-font-size-largest);--alxgrn-font-size-h3: var(--alxgrn-font-size-large)}}.FormItem .SelectWrap{position:relative}.FormItem .SelectWrap input{padding-right:var(--alxgrn-unit-double);cursor:pointer}.FormItem .SelectWrap .Icon{position:absolute;font-size:var(--alxgrn-font-size-large);top:var(--alxgrn-unit-half);right:var(--alxgrn-unit-half);cursor:pointer;pointer-events:none;display:flex}:root{--alxgrn-form-width: 512px;--alxgrn-form-width-wide: 1024px}.Form{max-width:var(--alxgrn-form-width)}.Form.FormWide{max-width:var(--alxgrn-form-width-wide)}.Form *{font-size:inherit;line-height:inherit;font-family:inherit;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.Form .FormItem{display:block;margin-top:var(--alxgrn-unit)}.Form .FormItem:first-child{margin-top:0}.FormSubmitButtons{margin-top:var(--alxgrn-unit-double);margin-bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:var(--alxgrn-unit)}.FormItem .Time{display:flex;gap:var(--alxgrn-unit-small);align-items:center}.Form .ImageLabel input[type=file]{display:none}.Form .ImageLabel{flex:0 0 auto;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;aspect-ratio:16 / 9;border-radius:var(--alxgrn-unit-small);border:1px dashed var(--alxgrn-border-accent);color:var(--alxgrn-color-accent);background-color:var(--alxgrn-bg-accent);background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative;cursor:pointer}.Form .ImageLabel.Disabled{color:var(--alxgrn-color-light);border-color:var(--alxgrn-border-light);background-color:var(--alxgrn-bg-light);cursor:default}.Form .ImageLabel.Error{color:var(--alxgrn-color-error);border-color:var(--alxgrn-border-error);background-color:var(--alxgrn-bg-error)}.Form .ImageLabel .ImageRemove{display:flex;position:absolute;top:var(--alxgrn-unit-half);right:var(--alxgrn-unit-half);padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-smallest);background-color:var(--alxgrn-bg-accent);z-index:100}.Form .ImageLabel.Disabled .ImageRemove{display:none}.Form .ImageLabel label{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.Form .ImageLabel.Disabled label{cursor:default}:root{--alxgrn-layout-width: 1024px;--alxgrn-layout-menu-width: 200px;--alxgrn-layout-header-height: calc(3 * var(--alxgrn-unit))}.LayoutSidebarIsShown{display:none}@media (max-width: 768px){.LayoutSidebarIsShown{display:initial}}.Page{display:flex;flex-direction:column}.Page .PageBody{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--alxgrn-unit);margin-top:var(--alxgrn-unit)}@media (max-width: 768px){.Page .PageBody{display:block}}.Page .PageBody .PageContent{display:block;grid-column:span 2}.Page .PageBody .PageSidebar{display:flex;align-items:flex-end}@media (max-width: 768px){.Page .PageBody .PageSidebar{display:none}}.Page .PageBody .PageSidebar .PageSidebarInner{width:100%;position:sticky;bottom:0;min-height:calc(100vh - var(--alxgrn-layout-header-height) - var(--alxgrn-unit))}.Page .PageBody.Wide{display:block}.PageHeader{position:relative;border-radius:var(--alxgrn-unit-half);display:flex;flex-direction:column;overflow:hidden;margin-top:var(--alxgrn-unit)}@media (max-width: 1024px){.PageHeader{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}}.PageHeader .PageHeaderBack{width:100%;position:relative;padding-bottom:25%;background-size:cover;background-color:var(--alxgrn-logo-color-beige)}.PageHeader .PageHeaderBack .PageHeaderBackCreate,.PageHeader .PageHeaderBack .PageHeaderBackRemove{display:flex;position:absolute;font-size:var(--alxgrn-font-size-large);padding:var(--alxgrn-unit-half);margin:var(--alxgrn-unit-half);background-color:var(--alxgrn-bg-panel);border-radius:var(--alxgrn-unit-small);top:0;right:0;color:var(--alxgrn-color-light);cursor:pointer;opacity:0;transition:.5s}.PageHeader .PageHeaderBack:hover .PageHeaderBackCreate,.PageHeader .PageHeaderBack:hover .PageHeaderBackRemove{opacity:1;transition:.5s}.PageHeader .PageHeaderBack .PageHeaderBackRemove{left:unset;right:calc(2.5 * var(--alxgrn-unit))}.PageHeader .PageHeaderBack .PageHeaderBackCreate:hover,.PageHeader .PageHeaderBack .PageHeaderBackRemove:hover{color:var(--alxgrn-color-accent)}.PageHeader .PageHeaderAbout{display:flex;gap:var(--alxgrn-unit-half);align-items:center;background-color:var(--alxgrn-bg-panel);height:calc(5 * var(--alxgrn-unit));padding-left:calc(11.5 * var(--alxgrn-unit));padding-right:var(--alxgrn-unit)}@media (max-width: 768px){.PageHeader .PageHeaderAbout{height:calc(3 * var(--alxgrn-unit));padding-left:var(--alxgrn-unit);padding-right:var(--alxgrn-unit-half)}}.PageHeader .PageHeaderAbout .PageHeaderInfo{flex:1 1 auto;overflow:hidden}.PageHeader .PageHeaderAbout .PageHeaderInfo .PageHeaderTitle{font-size:var(--alxgrn-font-size-largest);font-weight:600}.PageHeader .PageHeaderAbout .PageHeaderInfo .PageHeaderSubtitle{color:var(--alxgrn-color-light)}@media (max-width: 768px){.PageHeader .PageHeaderAbout .PageHeaderInfo .PageHeaderSubtitle{display:none}}.PageHeader .PageHeaderAbout .PageHeaderMenu{flex:0 0 auto;display:flex}.PageHeader .PageHeaderShowSidebar{display:none}@media (max-width: 768px){.PageHeader .PageHeaderShowSidebar{display:flex}}.PageHeader .Button{font-size:var(--alxgrn-font-size-small);padding:var(--alxgrn-unit-half) var(--alxgrn-unit)!important}.PageHeader .PageHeaderLogo{position:absolute;flex:0 0 auto;border-radius:var(--alxgrn-unit-half);border:var(--alxgrn-unit-small) solid var(--alxgrn-bg-panel);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--alxgrn-logo-color-blue);aspect-ratio:1 / 1;height:calc(10 * var(--alxgrn-unit));left:calc(var(--alxgrn-unit) - var(--alxgrn-unit-small));bottom:calc(var(--alxgrn-unit) - var(--alxgrn-unit-small))}@media (max-width: 768px){.PageHeader .PageHeaderLogo{border-width:var(--alxgrn-unit-smallest);height:calc(25vw - var(--alxgrn-unit-double) + var(--alxgrn-unit-smallest));left:calc(var(--alxgrn-unit) - var(--alxgrn-unit-smallest));bottom:calc(4 * var(--alxgrn-unit) - var(--alxgrn-unit-smallest))}}.PageHeader .PageHeaderLogo .PageHeaderLogoCreate,.PageHeader .PageHeaderLogo .PageHeaderLogoRemove{display:flex;position:absolute;font-size:var(--alxgrn-font-size-large);padding:var(--alxgrn-unit-half);margin:var(--alxgrn-unit-half);background-color:var(--alxgrn-bg-panel);border-radius:var(--alxgrn-unit-small);bottom:0;left:0;cursor:pointer;color:var(--alxgrn-color-light);opacity:0;transition:.5s}@media (max-width: 768px){.PageHeader .PageHeaderLogo .PageHeaderLogoCreate,.PageHeader .PageHeaderLogo .PageHeaderLogoRemove{margin:0;border-radius:0;border-top-right-radius:var(--alxgrn-unit-small)}}.PageHeader .PageHeaderLogo:hover .PageHeaderLogoCreate,.PageHeader .PageHeaderLogo:hover .PageHeaderLogoRemove{opacity:1;transition:.5s}.PageHeader .PageHeaderLogo .PageHeaderLogoCreate{left:unset;right:0}@media (max-width: 768px){.PageHeader .PageHeaderLogo .PageHeaderLogoCreate{border-top-left-radius:var(--alxgrn-unit-small);border-top-right-radius:0}}.PageHeader .PageHeaderLogo .PageHeaderLogoCreate:hover,.PageHeader .PageHeaderLogo .PageHeaderLogoRemove:hover{color:var(--alxgrn-color-accent)}
1
+ *{box-sizing:border-box;overflow-wrap:anywhere}:root{--alxgrn-unit: 16px;--alxgrn-unit-half: 8px;--alxgrn-unit-small: 4px;--alxgrn-unit-double: 32px;--alxgrn-unit-smallest: 2px;--alxgrn-animation-length: .15s;--alxgrn-font-size: 16px;--alxgrn-font-size-big: 20px;--alxgrn-font-size-huge: 40px;--alxgrn-font-size-large: 18px;--alxgrn-font-size-largest: 22px;--alxgrn-font-size-small: 14px;--alxgrn-font-size-smallest: 10px;--alxgrn-line-height: 1.3;--alxgrn-font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--alxgrn-color-h1: #777;--alxgrn-color-h2: #777;--alxgrn-color-h3: #777;--alxgrn-font-size-h1: var(--alxgrn-font-size-huge);--alxgrn-font-size-h2: var(--alxgrn-font-size-big);--alxgrn-font-size-h3: var(--alxgrn-font-size-large);--alxgrn-line-height-h1: var(--alxgrn-line-height);--alxgrn-line-height-h2: var(--alxgrn-line-height);--alxgrn-line-height-h3: var(--alxgrn-line-height);--alxgrn-logo-color-blue: #7091a7;--alxgrn-logo-color-navi: #004571;--alxgrn-logo-color-beige: #c9c1ae;--alxgrn-color-text: #555;--alxgrn-color-dark: var(--alxgrn-color-text);--alxgrn-color-light: lightslategrey;--alxgrn-color-error: firebrick;--alxgrn-color-accent: steelblue;--alxgrn-color-active: var(--alxgrn-color-text);--alxgrn-color-success: forestgreen;--alxgrn-color-scroll: #ccc;--alxgrn-bg-main: #eee;--alxgrn-bg-panel: #fff;--alxgrn-bg-modal: var(--alxgrn-bg-panel);--alxgrn-bg-popup: var(--alxgrn-bg-panel);--alxgrn-bg-dark: #888;--alxgrn-bg-light: rgba(119, 136, 153, .1);--alxgrn-bg-error: rgba(178, 34, 34, .1);--alxgrn-bg-accent: #ecf2f7;--alxgrn-bg-active: moccasin;--alxgrn-bg-success: rgba(34, 139, 34, .1);--alxgrn-border: #ddd;--alxgrn-border-dark: rgba(136, 136, 136, 1);--alxgrn-border-light: rgba(119, 136, 153, 1);--alxgrn-border-error: rgba(178, 34, 34, 1);--alxgrn-border-accent: rgba(70, 130, 180, 1);--alxgrn-border-active: moccasin;--alxgrn-border-success: rgba(34, 139, 34, 1)}[data-theme=dark]{--alxgrn-color-text: #999;--alxgrn-color-light: #666;--alxgrn-color-scroll: var(--alxgrn-bg-active);--alxgrn-bg-main: #111;--alxgrn-bg-panel: #222;--alxgrn-bg-modal: #222;--alxgrn-bg-popup: #333;--alxgrn-bg-accent: #333b3f;--alxgrn-bg-active: #444;--alxgrn-border: #555;--alxgrn-border-dark: rgba(136, 136, 136, .5);--alxgrn-border-light: rgba(119, 136, 153, .5);--alxgrn-border-error: rgba(178, 34, 34, .5);--alxgrn-border-accent: rgba(70, 130, 180, .5);--alxgrn-border-active: rgba(255, 228, 181, .5);--alxgrn-border-success: rgba(34, 139, 34, .5)}.Scrollbar::-webkit-scrollbar{width:var(--alxgrn-unit-small);height:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-thumb{background-color:var(--alxgrn-color-scroll);border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-corner{background-color:transparent}.one-line{overflow-wrap:break-word;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 512px){*{--alxgrn-font-size-h1: var(--alxgrn-font-size-big);--alxgrn-font-size-h2: var(--alxgrn-font-size-largest);--alxgrn-font-size-h3: var(--alxgrn-font-size-large)}}.FormItem .SelectWrap{position:relative}.FormItem .SelectWrap input{padding-right:var(--alxgrn-unit-double);cursor:pointer}.FormItem .SelectWrap .Icon{position:absolute;font-size:var(--alxgrn-font-size-large);top:var(--alxgrn-unit-half);right:var(--alxgrn-unit-half);cursor:pointer;pointer-events:none;display:flex}:root{--alxgrn-form-width: 512px;--alxgrn-form-width-wide: 1024px}.Form{max-width:var(--alxgrn-form-width)}.Form.FormWide{max-width:var(--alxgrn-form-width-wide)}.Form *{font-size:inherit;line-height:inherit;font-family:inherit;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.Form .FormItem{display:block;margin-top:var(--alxgrn-unit)}.Form .FormItem:first-child{margin-top:0}.FormSubmitButtons{margin-top:var(--alxgrn-unit-double);margin-bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:var(--alxgrn-unit)}.FormItem .Time{display:flex;gap:var(--alxgrn-unit-small);align-items:center}.Form .ImageLabel input[type=file]{display:none}.Form .ImageLabel{flex:0 0 auto;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;aspect-ratio:16 / 9;border-radius:var(--alxgrn-unit-small);border:1px dashed var(--alxgrn-border-accent);color:var(--alxgrn-color-accent);background-color:var(--alxgrn-bg-accent);background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative;cursor:pointer}.Form .ImageLabel.Disabled{color:var(--alxgrn-color-light);border-color:var(--alxgrn-border-light);background-color:var(--alxgrn-bg-light);cursor:default}.Form .ImageLabel.Error{color:var(--alxgrn-color-error);border-color:var(--alxgrn-border-error);background-color:var(--alxgrn-bg-error)}.Form .ImageLabel .ImageRemove{display:flex;position:absolute;top:var(--alxgrn-unit-half);right:var(--alxgrn-unit-half);padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-smallest);background-color:var(--alxgrn-bg-accent);z-index:100}.Form .ImageLabel.Disabled .ImageRemove{display:none}.Form .ImageLabel label{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.Form .ImageLabel.Disabled label{cursor:default}:root{--alxgrn-layout-width: 1024px;--alxgrn-layout-menu-width: 200px;--alxgrn-layout-header-height: calc(3 * var(--alxgrn-unit))}.LayoutSidebarIsShown{display:none}@media (max-width: 768px){.LayoutSidebarIsShown{display:initial}}.Page{display:flex;flex-direction:column}.Page .PageBody{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--alxgrn-unit);margin-top:var(--alxgrn-unit)}@media (max-width: 768px){.Page .PageBody{display:block}}.Page .PageBody .PageContent{display:block;grid-column:span 2}.Page .PageBody .PageSidebar{display:flex;align-items:flex-end}@media (max-width: 768px){.Page .PageBody .PageSidebar{display:none}}.Page .PageBody .PageSidebar .PageSidebarInner{width:100%;position:sticky;bottom:0;min-height:calc(100vh - var(--alxgrn-layout-header-height) - var(--alxgrn-unit))}.Page .PageBody.Wide{display:block}.PageHeader{position:relative;border-radius:var(--alxgrn-unit-half);display:flex;flex-direction:column;overflow:hidden;margin-top:var(--alxgrn-unit)}@media (max-width: 1024px){.PageHeader{border-radius:0;margin-top:0}}.PageHeader .PageHeaderBack{width:100%;position:relative;padding-bottom:25%;background-size:cover;background-color:var(--alxgrn-logo-color-beige)}.PageHeader .PageHeaderBack .PageHeaderBackCreate,.PageHeader .PageHeaderBack .PageHeaderBackRemove{display:flex;position:absolute;font-size:var(--alxgrn-font-size-large);padding:var(--alxgrn-unit-half);margin:var(--alxgrn-unit-half);background-color:var(--alxgrn-bg-panel);border-radius:var(--alxgrn-unit-small);top:0;right:0;color:var(--alxgrn-color-light);cursor:pointer;opacity:0;transition:.5s}.PageHeader .PageHeaderBack:hover .PageHeaderBackCreate,.PageHeader .PageHeaderBack:hover .PageHeaderBackRemove{opacity:1;transition:.5s}.PageHeader .PageHeaderBack .PageHeaderBackRemove{left:unset;right:calc(2.5 * var(--alxgrn-unit))}.PageHeader .PageHeaderBack .PageHeaderBackCreate:hover,.PageHeader .PageHeaderBack .PageHeaderBackRemove:hover{color:var(--alxgrn-color-accent)}.PageHeader .PageHeaderAbout{display:flex;gap:var(--alxgrn-unit-half);align-items:center;background-color:var(--alxgrn-bg-panel);height:calc(5 * var(--alxgrn-unit));padding-left:calc(11.5 * var(--alxgrn-unit));padding-right:var(--alxgrn-unit)}@media (max-width: 768px){.PageHeader .PageHeaderAbout{height:calc(3 * var(--alxgrn-unit));padding-left:var(--alxgrn-unit);padding-right:var(--alxgrn-unit-half)}}.PageHeader .PageHeaderAbout .PageHeaderInfo{flex:1 1 auto;overflow:hidden}.PageHeader .PageHeaderAbout .PageHeaderInfo .PageHeaderTitle{font-size:var(--alxgrn-font-size-largest);font-weight:600}.PageHeader .PageHeaderAbout .PageHeaderInfo .PageHeaderSubtitle{color:var(--alxgrn-color-light)}@media (max-width: 768px){.PageHeader .PageHeaderAbout .PageHeaderInfo .PageHeaderSubtitle{display:none}}.PageHeader .PageHeaderAbout .PageHeaderMenu{flex:0 0 auto;display:flex}.PageHeader .PageHeaderShowSidebar{display:none}@media (max-width: 768px){.PageHeader .PageHeaderShowSidebar{display:flex}}.PageHeader .Button{font-size:var(--alxgrn-font-size-small);padding:var(--alxgrn-unit-half) var(--alxgrn-unit)!important}.PageHeader .PageHeaderLogo{position:absolute;flex:0 0 auto;border-radius:var(--alxgrn-unit-half);border:var(--alxgrn-unit-small) solid var(--alxgrn-bg-panel);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--alxgrn-logo-color-blue);aspect-ratio:1 / 1;height:calc(10 * var(--alxgrn-unit));left:calc(var(--alxgrn-unit) - var(--alxgrn-unit-small));bottom:calc(var(--alxgrn-unit) - var(--alxgrn-unit-smallest))}@media (max-width: 768px){.PageHeader .PageHeaderLogo{border-width:var(--alxgrn-unit-smallest);height:calc(25vw - var(--alxgrn-unit-double) + var(--alxgrn-unit-smallest));top:calc(var(--alxgrn-unit) - var(--alxgrn-unit-smallest) / 2);left:calc(var(--alxgrn-unit) - var(--alxgrn-unit-smallest) / 2);bottom:unset}}.PageHeader:has(.PageHeaderToolbar) .PageHeaderLogo{bottom:calc(var(--alxgrn-unit) * 4 - var(--alxgrn-unit-half))}.PageHeader .PageHeaderLogo .PageHeaderLogoCreate,.PageHeader .PageHeaderLogo .PageHeaderLogoRemove{display:flex;position:absolute;font-size:var(--alxgrn-font-size-large);padding:var(--alxgrn-unit-half);margin:var(--alxgrn-unit-half);background-color:var(--alxgrn-bg-panel);border-radius:var(--alxgrn-unit-small);bottom:0;left:0;cursor:pointer;color:var(--alxgrn-color-light);opacity:0;transition:.5s}@media (max-width: 768px){.PageHeader .PageHeaderLogo .PageHeaderLogoCreate,.PageHeader .PageHeaderLogo .PageHeaderLogoRemove{margin:0;border-radius:0;border-top-right-radius:var(--alxgrn-unit-small)}}.PageHeader .PageHeaderLogo:hover .PageHeaderLogoCreate,.PageHeader .PageHeaderLogo:hover .PageHeaderLogoRemove{opacity:1;transition:.5s}.PageHeader .PageHeaderLogo .PageHeaderLogoCreate{left:unset;right:0}@media (max-width: 768px){.PageHeader .PageHeaderLogo .PageHeaderLogoCreate{border-top-left-radius:var(--alxgrn-unit-small);border-top-right-radius:0}}.PageHeader .PageHeaderLogo .PageHeaderLogoCreate:hover,.PageHeader .PageHeaderLogo .PageHeaderLogoRemove:hover{color:var(--alxgrn-color-accent)}.PageHeaderToolbar{margin-top:1px;background-color:var(--alxgrn-bg-panel);padding:var(--alxgrn-unit-half)}
package/dist/assets/Scroll.css ADDED
@@ -0,0 +1 @@
1
+ .Scroll{width:100%;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Scroll .ScrollPrev,.Scroll .ScrollNext{position:absolute;top:0;left:0;height:100%;width:var(--alxgrn-unit);background-color:var(--alxgrn-color-light);cursor:pointer;font-size:var(--alxgrn-font-size-large);border-top-left-radius:var(--alxgrn-unit-small);border-bottom-left-radius:var(--alxgrn-unit-small);display:flex;justify-content:center;align-items:center;opacity:0;transition:.3s}.Scroll .ScrollNext{right:0;left:unset;border-top-left-radius:unset;border-bottom-left-radius:unset;border-top-right-radius:var(--alxgrn-unit-small);border-bottom-right-radius:var(--alxgrn-unit-small)}.Scroll:hover .ScrollPrev,.Scroll:hover .ScrollNext{opacity:.7}.Scroll:hover .ScrollPrev:hover,.Scroll:hover .ScrollNext:hover{color:#fff;background-color:var(--alxgrn-color-accent)}.Scroll .ScrollList{display:flex;align-items:stretch;gap:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-small);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.Scroll .ScrollItem{flex:0 0 auto;position:relative;overflow:hidden;cursor:pointer;display:flex;justify-content:center;align-items:center}.Scroll .ScrollItem:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.Scroll .ScrollList::-webkit-scrollbar{width:0;height:0}.Scroll .ScrollList::-webkit-scrollbar-thumb{border:none;background:transparent}.Scroll .ScrollList::-webkit-scrollbar-track{border:none;background:transparent}
package/dist/assets/Toolbar.css ADDED
@@ -0,0 +1 @@
1
+ .Toolbar.LikePanel{background-color:var(--alxgrn-bg-panel);border-radius:var(--alxgrn-unit-half);padding:var(--alxgrn-unit-half);margin-bottom:var(--alxgrn-unit)}.Toolbar .Scroll .ScrollItem div{align-items:center;display:flex;gap:var(--alxgrn-unit-small);border-radius:var(--alxgrn-unit-small);padding:var(--alxgrn-unit-small) var(--alxgrn-unit-half);cursor:pointer;color:var(--alxgrn-color-light)}.Toolbar .Scroll .ScrollItem:hover div{color:var(--alxgrn-color-accent)}.Toolbar .Scroll .ScrollItem.active div{cursor:default;color:var(--alxgrn-color-accent);background-color:var(--alxgrn-bg-accent)}.Toolbar .Scroll .ScrollItem div span{display:flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
package/dist/components/form/form/Form.js CHANGED
@@ -4,7 +4,7 @@ import { deepForEach as y } from "react-children-utilities";
4
4
  import x, { isValidDate as R } from "../date/Date.js";
5
5
  import { Select as F } from "../select/Select.js";
6
6
  import { Button as C } from "../button/Button.js";
7
- import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Sidebar.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Menu.css';import '../../../assets/Popup.css';import '../../../assets/Fieldset.css';import '../../../assets/Label.css';import '../../../assets/RequiredMark.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/PageHeader.css';/* empty css */
7
+ import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Menu.css';import '../../../assets/Popup.css';import '../../../assets/Fieldset.css';import '../../../assets/Label.css';import '../../../assets/RequiredMark.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/PageHeader.css';/* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
@@ -30,12 +30,14 @@ import l from "../../ui/block/Block.js";
30
30
  /* empty css */
31
31
  /* empty css */
32
32
  /* empty css */
33
+ /* empty css */
34
+ /* empty css */
33
35
  /* empty css */
34
36
  /* empty css */
35
37
  /* empty css */
36
38
  /* empty css */
37
39
  /* empty css */
38
- const Ee = ({
40
+ const ge = ({
39
41
  info: d,
40
42
  error: k,
41
43
  success: b,
@@ -162,6 +164,6 @@ const Ee = ({
162
164
  ] });
163
165
  };
164
166
  export {
165
- Ee as Form,
166
- Ee as default
167
+ ge as Form,
168
+ ge as default
167
169
  };
package/dist/components/form/image/Image.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, jsxs as F, Fragment as C } from "react/jsx-runtime";
2
2
  import { useState as n, useEffect as d } from "react";
3
3
  import E from "../label/Label.js";
4
- import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Sidebar.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/Menu.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css */
4
+ import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/Menu.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css */
5
5
  import "react-children-utilities";
6
6
  import "react-transition-group";
7
7
  import "react-dom";
@@ -26,12 +26,14 @@ import j from "../../icons/Trash.js";
26
26
  /* empty css */
27
27
  /* empty css */
28
28
  /* empty css */
29
+ /* empty css */
30
+ /* empty css */
29
31
  /* empty css */
30
32
  /* empty css */
31
33
  /* empty css */
32
34
  /* empty css */
33
35
  /* empty css */
34
- const lr = ({
36
+ const cr = ({
35
37
  id: u,
36
38
  value: o,
37
39
  text: l,
@@ -41,21 +43,21 @@ const lr = ({
41
43
  bottom: b,
42
44
  label: R,
43
45
  placeholder: i,
44
- required: e = !1,
45
- disabled: m = !1
46
+ required: m = !1,
47
+ disabled: e = !1
46
48
  }) => {
47
- const [c, g] = n(!1), [s, a] = n(void 0), [$, p] = n(!1);
49
+ const [c, g] = n(!1), [s, p] = n(void 0), [$, a] = n(!1);
48
50
  d(() => {
49
- g(!!(e && !o));
50
- }, [o, e]), d(() => {
51
- if (a(void 0), p(!1), o) {
51
+ g(!!(m && !o));
52
+ }, [o, m]), d(() => {
53
+ if (p(void 0), a(!1), o) {
52
54
  const t = new FileReader();
53
- p(!0), t.onload = function() {
54
- a({ backgroundImage: `url(${this.result}` }), p(!1);
55
+ a(!0), t.onload = function() {
56
+ p({ backgroundImage: `url(${this.result}` }), a(!1);
55
57
  }, t.readAsDataURL(o);
56
58
  return;
57
59
  }
58
- i && a({ backgroundImage: `url(${i}` });
60
+ i && p({ backgroundImage: `url(${i}` });
59
61
  }, [i, o]);
60
62
  const k = (t) => {
61
63
  const v = t.target, y = Array.from(v.files);
@@ -67,14 +69,14 @@ const lr = ({
67
69
  top: I,
68
70
  bottom: b,
69
71
  label: R,
70
- required: e,
71
- disabled: m,
72
+ required: m,
73
+ disabled: e,
72
74
  error: c,
73
75
  passive: !0,
74
76
  children: /* @__PURE__ */ r(
75
77
  "div",
76
78
  {
77
- className: `ImageLabel ${m ? "Disabled" : ""} ${c ? "Error" : ""}`,
79
+ className: `ImageLabel ${e ? "Disabled" : ""} ${c ? "Error" : ""}`,
78
80
  style: s,
79
81
  children: $ ? /* @__PURE__ */ r(L, {}) : /* @__PURE__ */ F(C, { children: [
80
82
  l ? !s && l : !s && /* @__PURE__ */ r(N, {}),
@@ -88,7 +90,7 @@ const lr = ({
88
90
  type: "file",
89
91
  accept: h ?? "image/*",
90
92
  onChange: (t) => k(t),
91
- disabled: !!m
93
+ disabled: !!e
92
94
  }
93
95
  ) })
94
96
  ] })
@@ -98,6 +100,6 @@ const lr = ({
98
100
  ) });
99
101
  };
100
102
  export {
101
- lr as Image,
102
- lr as default
103
+ cr as Image,
104
+ cr as default
103
105
  };
package/dist/components/form/select/Select.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, jsxs as u } from "react/jsx-runtime";
2
2
  import { useRef as S, useState as a, useEffect as O } from "react";
3
3
  import V from "../label/Label.js";
4
- import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Sidebar.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css */
4
+ import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css */
5
5
  import "react-children-utilities";
6
6
  import "react-transition-group";
7
7
  import "react-dom";
@@ -25,12 +25,14 @@ import { Menu as E } from "../../ui/menu/Menu.js";
25
25
  /* empty css */
26
26
  /* empty css */
27
27
  /* empty css */
28
+ /* empty css */
29
+ /* empty css */
28
30
  /* empty css */
29
31
  /* empty css */
30
32
  /* empty css */
31
33
  /* empty css */
32
34
  /* empty css */
33
- const ar = ({
35
+ const cr = ({
34
36
  id: f,
35
37
  value: o,
36
38
  onChange: d,
@@ -106,6 +108,6 @@ const ar = ({
106
108
  ] });
107
109
  };
108
110
  export {
109
- ar as Select,
110
- ar as default
111
+ cr as Select,
112
+ cr as default
111
113
  };
package/dist/components/form/time/Time.js CHANGED
@@ -2,7 +2,7 @@ import { jsxs as y, jsx as e } from "react/jsx-runtime";
2
2
  import { useRef as k, useState as s, useEffect as H } from "react";
3
3
  import R from "../label/Label.js";
4
4
  import { Menu as N } from "../../ui/menu/Menu.js";
5
- import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Sidebar.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css */
5
+ import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css */
6
6
  import "react-children-utilities";
7
7
  import "react-transition-group";
8
8
  import "react-dom";
@@ -24,12 +24,14 @@ import O from "../../icons/Check.js";
24
24
  /* empty css */
25
25
  /* empty css */
26
26
  /* empty css */
27
+ /* empty css */
28
+ /* empty css */
27
29
  /* empty css */
28
30
  /* empty css */
29
31
  /* empty css */
30
32
  /* empty css */
31
33
  /* empty css */
32
- const xr = ({
34
+ const hr = ({
33
35
  id: d,
34
36
  value: m,
35
37
  step: x = 1,
@@ -137,5 +139,5 @@ const xr = ({
137
139
  ] });
138
140
  };
139
141
  export {
140
- xr as default
142
+ hr as default
141
143
  };
package/dist/components/layout/Layout.js CHANGED
@@ -2,7 +2,7 @@ import { jsxs as f, jsx as o } from "react/jsx-runtime";
2
2
  import { useState as n } from "react";
3
3
  import l from "./Header.js";
4
4
  import u from "./Content.js";
5
- import '../../assets/Editable.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css */
5
+ import '../../assets/Editable.css';import '../../assets/Toolbar.css';import '../../assets/Scroll.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css */
6
6
  import "react-children-utilities";
7
7
  import "react-transition-group";
8
8
  import "react-dom";
@@ -25,10 +25,12 @@ import "react-dom";
25
25
  /* empty css */
26
26
  /* empty css */
27
27
  /* empty css */
28
+ /* empty css */
28
29
  import { Sidebar as d } from "../ui/sidebar/Sidebar.js";
30
+ /* empty css */
29
31
  /* empty css */
30
32
  import c from "./MainMenu.js";
31
- const T = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick: t }) => {
33
+ const W = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick: t }) => {
32
34
  const [a, r] = n(!1);
33
35
  return /* @__PURE__ */ f("div", { className: "Layout", children: [
34
36
  /* @__PURE__ */ o(
@@ -59,5 +61,5 @@ const T = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick:
59
61
  ] });
60
62
  };
61
63
  export {
62
- T as default
64
+ W as default
63
65
  };
package/dist/components/layout/Page.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsxs as m, jsx as r, Fragment as a } from "react/jsx-runtime";
2
- import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Editable.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css */
2
+ import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Editable.css';import '../../assets/Toolbar.css';import '../../assets/Scroll.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css */
3
3
  import "react";
4
4
  import "react-children-utilities";
5
5
  import "react-transition-group";
@@ -23,12 +23,14 @@ import "react-dom";
23
23
  /* empty css */
24
24
  /* empty css */
25
25
  /* empty css */
26
+ /* empty css */
26
27
  import { Sidebar as n } from "../ui/sidebar/Sidebar.js";
28
+ /* empty css */
27
29
  /* empty css */
28
30
  /* empty css */
29
31
  /* empty css */
30
32
  /* empty css */
31
- const H = ({ header: o, children: p, sidebar: i, isSidebarVisible: e = !1, onSidebarClose: t }) => /* @__PURE__ */ m("div", { className: "Page", children: [
33
+ const K = ({ header: o, children: p, sidebar: i, isSidebarVisible: e = !1, onSidebarClose: t }) => /* @__PURE__ */ m("div", { className: "Page", children: [
32
34
  o && /* @__PURE__ */ r(a, { children: o }),
33
35
  /* @__PURE__ */ m("div", { className: i ? "PageBody" : "PageBody Wide", children: [
34
36
  /* @__PURE__ */ r("div", { className: "PageContent", children: p }),
@@ -47,5 +49,5 @@ const H = ({ header: o, children: p, sidebar: i, isSidebarVisible: e = !1, onSid
47
49
  )
48
50
  ] });
49
51
  export {
50
- H as default
52
+ K as default
51
53
  };
package/dist/components/layout/PageHeader.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { FC, ReactNode } from 'react';
2
+ import { ToolbarItem } from '../ui/toolbar/Toolbar';
2
3
  type Props = {
3
4
  menu?: ReactNode;
4
5
  title?: string;
@@ -14,6 +15,9 @@ type Props = {
14
15
  onLogoRemove?: () => void;
15
16
  onBackRemove?: () => void;
16
17
  onShowSidebar?: () => void;
18
+ tbItems?: ToolbarItem[];
19
+ tbActive?: string | number;
20
+ tbOnActive?: (id: string | number) => void;
17
21
  };
18
22
  declare const PageHeader: FC<Props>;
19
23
  export default PageHeader;
package/dist/components/layout/PageHeader.js CHANGED
@@ -1,8 +1,8 @@
1
- import { jsxs as a, jsx as r } from "react/jsx-runtime";
2
- import h from "../icons/Image.js";
3
- import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Editable.css';import '../../assets/Sidebar.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';/* empty css */
1
+ import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
+ import f from "../icons/Image.js";
3
+ import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Editable.css';import '../../assets/Sidebar.css';import '../../assets/Scroll.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';/* empty css */
4
4
  /* empty css */
5
- import N from "../icons/Trash.js";
5
+ import k from "../icons/Trash.js";
6
6
  /* empty css */
7
7
  import "react";
8
8
  import "react-children-utilities";
@@ -12,7 +12,7 @@ import "react-dom";
12
12
  /* empty css */
13
13
  /* empty css */
14
14
  /* empty css */
15
- import { Button as f } from "../form/button/Button.js";
15
+ import { Button as b } from "../form/button/Button.js";
16
16
  /* empty css */
17
17
  /* empty css */
18
18
  /* empty css */
@@ -25,78 +25,86 @@ import { Button as f } from "../form/button/Button.js";
25
25
  /* empty css */
26
26
  /* empty css */
27
27
  /* empty css */
28
+ /* empty css */
28
29
  /* empty css */
30
+ import x from "../ui/toolbar/Toolbar.js";
29
31
  /* empty css */
30
32
  /* empty css */
31
33
  /* empty css */
32
34
  /* empty css */
33
- const ee = ({
34
- menu: t,
35
- title: u,
36
- subtitle: k,
37
- logo: d,
38
- back: m,
35
+ const de = ({
36
+ menu: d,
37
+ title: C,
38
+ subtitle: T,
39
+ logo: t,
40
+ back: l,
39
41
  admin: o,
40
- square: l,
42
+ square: p,
41
43
  onLogoClick: s,
42
44
  onLogoCreate: c,
43
- onLogoRemove: p,
44
- onBackClick: n,
45
- onBackCreate: g,
46
- onBackRemove: v,
47
- onShowSidebar: P
45
+ onLogoRemove: n,
46
+ onBackClick: g,
47
+ onBackCreate: v,
48
+ onBackRemove: P,
49
+ onShowSidebar: H,
50
+ tbItems: m,
51
+ tbActive: h,
52
+ tbOnActive: N
48
53
  }) => {
49
- const i = (e, H) => {
50
- e.stopPropagation(), H && H();
54
+ const i = (r, u) => {
55
+ r.stopPropagation(), u && u();
51
56
  };
52
57
  return /* @__PURE__ */ a("div", { className: "PageHeader", children: [
53
58
  /* @__PURE__ */ a(
54
59
  "div",
55
60
  {
56
61
  className: "PageHeaderBack",
57
- onClick: (e) => i(e, n),
62
+ onClick: (r) => i(r, g),
58
63
  style: {
59
- cursor: n ? "pointer" : void 0,
60
- backgroundImage: m ? `url(${m})` : void 0
64
+ cursor: g ? "pointer" : void 0,
65
+ backgroundImage: l ? `url(${l})` : void 0
61
66
  },
62
67
  children: [
63
- o && g && /* @__PURE__ */ r("div", { className: "PageHeaderBackCreate", onClick: (e) => i(e, g), children: /* @__PURE__ */ r(h, {}) }),
64
- o && v && /* @__PURE__ */ r("div", { className: "PageHeaderBackRemove", onClick: (e) => i(e, v), children: /* @__PURE__ */ r(N, {}) })
68
+ o && v && /* @__PURE__ */ e("div", { className: "PageHeaderBackCreate", onClick: (r) => i(r, v), children: /* @__PURE__ */ e(f, {}) }),
69
+ o && P && /* @__PURE__ */ e("div", { className: "PageHeaderBackRemove", onClick: (r) => i(r, P), children: /* @__PURE__ */ e(k, {}) })
65
70
  ]
66
71
  }
67
72
  ),
68
73
  /* @__PURE__ */ a("div", { className: "PageHeaderAbout", children: [
69
74
  /* @__PURE__ */ a("div", { className: "PageHeaderInfo", children: [
70
- /* @__PURE__ */ r("div", { className: "PageHeaderTitle one-line", children: u }),
71
- /* @__PURE__ */ r("div", { className: "PageHeaderSubtitle one-line", children: k })
75
+ /* @__PURE__ */ e("div", { className: "PageHeaderTitle one-line", children: C }),
76
+ /* @__PURE__ */ e("div", { className: "PageHeaderSubtitle one-line", children: T })
72
77
  ] }),
73
- t && /* @__PURE__ */ r("div", { className: "PageHeaderMenu", children: t }),
74
- P && /* @__PURE__ */ r("div", { className: "PageHeaderShowSidebar", children: /* @__PURE__ */ r(
75
- f,
76
- {
77
- label: "Ещё...",
78
- onClick: P
79
- }
80
- ) })
78
+ d && /* @__PURE__ */ e("div", { className: "PageHeaderMenu", children: d }),
79
+ H && /* @__PURE__ */ e("div", { className: "PageHeaderShowSidebar", children: /* @__PURE__ */ e(b, { label: "Ещё...", onClick: H }) })
81
80
  ] }),
82
81
  /* @__PURE__ */ a(
83
82
  "div",
84
83
  {
85
- className: l ? "PageHeaderLogo Square" : "PageHeaderLogo",
86
- onClick: (e) => i(e, s),
84
+ className: p ? "PageHeaderLogo Square" : "PageHeaderLogo",
85
+ onClick: (r) => i(r, s),
87
86
  style: {
88
87
  cursor: s ? "pointer" : void 0,
89
- backgroundImage: d ? `url(${d})` : void 0,
90
- borderRadius: l ? void 0 : "50%"
88
+ backgroundImage: t ? `url(${t})` : void 0,
89
+ borderRadius: p ? void 0 : "50%"
91
90
  },
92
91
  children: [
93
- o && c && /* @__PURE__ */ r("div", { className: "PageHeaderLogoCreate", onClick: (e) => i(e, c), children: /* @__PURE__ */ r(h, {}) }),
94
- o && p && /* @__PURE__ */ r("div", { className: "PageHeaderLogoRemove", onClick: (e) => i(e, p), children: /* @__PURE__ */ r(N, {}) })
92
+ o && c && /* @__PURE__ */ e("div", { className: "PageHeaderLogoCreate", onClick: (r) => i(r, c), children: /* @__PURE__ */ e(f, {}) }),
93
+ o && n && /* @__PURE__ */ e("div", { className: "PageHeaderLogoRemove", onClick: (r) => i(r, n), children: /* @__PURE__ */ e(k, {}) })
95
94
  ]
96
95
  }
96
+ ),
97
+ m && m.length > 0 && h !== void 0 && N && /* @__PURE__ */ e(
98
+ x,
99
+ {
100
+ items: m,
101
+ active: h,
102
+ onActive: N,
103
+ className: "PageHeaderToolbar"
104
+ }
97
105
  )
98
106
  ] });
99
107
  };
100
108
  export {
101
- ee as default
109
+ de as default
102
110
  };
package/dist/components/ui/scroll/Scroll.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import { default as React, ReactElement } from 'react';
2
+ /**
3
+ * Блок, в котором по горизонтали размещаются элементы.
4
+ * Элементы могут не помещаться в блок, в этом случае появляются
5
+ * кнопки скролла.
6
+ * В отличие от Carousel элементы в блоке не занимают все доступное
7
+ * пространство по ширине, напротив - предполагается что сразу
8
+ * несколько из них видны в блоке.
9
+ * NB: Скроллер сам визуально никак не выделяет активный элемент,
10
+ * но добавляет к блоку ScrollItem класс active
11
+ */
12
+ type Props = {
13
+ items: ReactElement[];
14
+ active?: number;
15
+ onActive?: (index: number) => void;
16
+ };
17
+ declare const Scroll: React.FC<Props>;
18
+ export default Scroll;
package/dist/components/ui/scroll/Scroll.js ADDED
@@ -0,0 +1,60 @@
1
+ import { jsxs as g, jsx as n } from "react/jsx-runtime";
2
+ import { useRef as m, useState as d, useEffect as p } from "react";
3
+ import W from "../../icons/ChevronLeft.js";
4
+ import w from "../../icons/ChevronRight.js";
5
+ import '../../../assets/Scroll.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';/* empty css */
6
+ /* empty css */
7
+ /* empty css */
8
+ const M = ({ items: L, active: s, onActive: f }) => {
9
+ const r = m(null), c = m([]), [S, i] = d(!1), [N, u] = d(!1), h = (o) => {
10
+ const t = o.scrollLeft, e = o.offsetWidth, l = o.scrollWidth;
11
+ l <= e ? (i(!1), u(!1)) : (i(t > 0), u(Math.round(t + e + 0.5) < l));
12
+ };
13
+ p(() => {
14
+ r.current && h(r.current);
15
+ }, [r]), p(() => {
16
+ s !== void 0 && c.current[s] && r.current && (r.current.scrollLeft = c.current[s].offsetLeft + c.current[s].clientWidth / 2 - r.current.offsetWidth / 2);
17
+ }, [s, c, r]);
18
+ const k = (o) => {
19
+ h(o.currentTarget);
20
+ }, v = (o) => {
21
+ if (o.stopPropagation(), !r.current) return;
22
+ const t = r.current.scrollLeft;
23
+ for (let e = c.current.length - 1; e >= 0; e--)
24
+ if (c.current[e].offsetLeft < t) {
25
+ r.current.scrollLeft = c.current[e].offsetLeft;
26
+ break;
27
+ }
28
+ }, C = (o) => {
29
+ if (o.stopPropagation(), !r.current) return;
30
+ const t = r.current.offsetWidth, e = r.current.scrollLeft + t;
31
+ for (let l = 0; l < c.current.length; l++) {
32
+ const a = c.current[l].offsetLeft + c.current[l].clientWidth;
33
+ if (a > e) {
34
+ r.current.scrollLeft = a - t;
35
+ break;
36
+ }
37
+ }
38
+ }, P = (o, t) => {
39
+ o.stopPropagation(), f && f(t);
40
+ };
41
+ return /* @__PURE__ */ g("div", { className: "Scroll", children: [
42
+ /* @__PURE__ */ n("div", { className: "ScrollList", onScroll: k, ref: r, children: L.map((o, t) => /* @__PURE__ */ n(
43
+ "div",
44
+ {
45
+ className: t === s ? "ScrollItem active" : "ScrollItem",
46
+ onClick: (e) => P(e, t),
47
+ ref: (e) => {
48
+ e && (c.current[t] = e);
49
+ },
50
+ children: o
51
+ },
52
+ t
53
+ )) }),
54
+ S && /* @__PURE__ */ n("div", { className: "ScrollPrev", onClick: v, children: /* @__PURE__ */ n(W, {}) }),
55
+ N && /* @__PURE__ */ n("div", { className: "ScrollNext", onClick: C, children: /* @__PURE__ */ n(w, {}) })
56
+ ] });
57
+ };
58
+ export {
59
+ M as default
60
+ };
package/dist/components/ui/toolbar/Toolbar.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ export type ToolbarItem = {
3
+ id: string | number;
4
+ icon?: ReactNode;
5
+ text?: ReactNode | string;
6
+ };
7
+ type ToolbarProps = {
8
+ items: ToolbarItem[];
9
+ panel?: boolean;
10
+ active?: string | number;
11
+ className?: string;
12
+ onActive: (id: string | number) => void;
13
+ };
14
+ declare const Toolbar: React.FC<ToolbarProps>;
15
+ export default Toolbar;
package/dist/components/ui/toolbar/Toolbar.js ADDED
@@ -0,0 +1,20 @@
1
+ import { jsxs as x, jsx as l } from "react/jsx-runtime";
2
+ import { useState as e, useEffect as s } from "react";
3
+ import h from "../scroll/Scroll.js";
4
+ import '../../../assets/Toolbar.css';/* empty css */
5
+ const T = ({ items: o, panel: a, active: t, className: c, onActive: d }) => {
6
+ const [i, u] = e(0), [p, f] = e([]);
7
+ return s(() => {
8
+ const n = o.findIndex((r) => r.id === t);
9
+ u(n);
10
+ }, [o, t]), s(() => {
11
+ const n = o.map((r) => /* @__PURE__ */ x("div", { className: "ToolbarItem", children: [
12
+ r.icon ? /* @__PURE__ */ l("span", { children: r.icon }) : null,
13
+ r.text ? /* @__PURE__ */ l("span", { children: r.text }) : null
14
+ ] }));
15
+ f(n);
16
+ }, [o]), /* @__PURE__ */ l("div", { className: `Toolbar ${a ? "LikePanel" : ""} ${c || ""}`, children: /* @__PURE__ */ l(h, { items: p, active: i, onActive: (n) => d(o[n].id) }) });
17
+ };
18
+ export {
19
+ T as default
20
+ };
package/dist/main.d.ts CHANGED
@@ -26,12 +26,14 @@ import { default as Message } from './components/ui/message/Message';
26
26
  import { default as Alert } from './components/ui/alert/Alert';
27
27
  import { default as Confirm } from './components/ui/confirm/Confirm';
28
28
  import { default as Prompt } from './components/ui/prompt/Prompt';
29
+ import { default as Scroll } from './components/ui/scroll/Scroll';
29
30
  import { default as Sidebar } from './components/ui/sidebar/Sidebar';
31
+ import { default as Toolbar, ToolbarItem } from './components/ui/toolbar/Toolbar';
30
32
  import { default as Editable } from './components/ui/editable/Editable';
31
33
  import { default as Layout } from './components/layout/Layout';
32
34
  import { MainMenuItem } from './components/layout/MainMenu';
33
35
  import { default as Page } from './components/layout/Page';
34
36
  import { default as PageHeader } from './components/layout/PageHeader';
35
37
  import * as Icons from './components/icons';
36
- export { Form, Date, Time, Files, Image, Input, Label, RadioList, Button, Select, Hidden, Checkbox, CheckboxList, Fieldset, FormRow, FormCol, DatePicker, Menu, Block, Panel, Modal, Overlay, Popup, Portal, Message, Alert, Confirm, Prompt, Sidebar, Editable, Layout, Page, PageHeader, Icons, };
37
- export type { FormData, MainMenuItem, MenuItem, ModalProps, ButtonType, CheckboxListOption, RadioListOption, RadioListValue, SelectOption, };
38
+ export { Form, Date, Time, Files, Image, Input, Label, RadioList, Button, Select, Hidden, Checkbox, CheckboxList, Fieldset, FormRow, FormCol, DatePicker, Menu, Block, Panel, Modal, Overlay, Popup, Portal, Message, Alert, Confirm, Prompt, Scroll, Sidebar, Toolbar, Editable, Layout, Page, PageHeader, Icons, };
39
+ export type { FormData, MainMenuItem, MenuItem, ModalProps, ButtonType, CheckboxListOption, RadioListOption, RadioListValue, SelectOption, ToolbarItem, };
package/dist/main.js CHANGED
@@ -2,21 +2,21 @@ import './assets/PageHeader.css';/* empty css */
2
2
  import { Form as t } from "./components/form/form/Form.js";
3
3
  import { default as f } from "./components/form/form/FormRow.js";
4
4
  import { default as p } from "./components/form/form/FormCol.js";
5
- import { default as l } from "./components/form/date/Date.js";
5
+ import { default as x } from "./components/form/date/Date.js";
6
6
  import { default as s } from "./components/form/date/DatePicker.js";
7
7
  import { default as i } from "./components/form/time/Time.js";
8
- import { Files as P } from "./components/form/files/Files.js";
8
+ import { Files as n } from "./components/form/files/Files.js";
9
9
  import { Image as b } from "./components/form/image/Image.js";
10
10
  import { default as g } from "./components/form/input/Input.js";
11
11
  import { default as C } from "./components/form/label/Label.js";
12
12
  import { RadioList as I } from "./components/form/radio/RadioList.js";
13
- import { Button as h } from "./components/form/button/Button.js";
14
- import { Select as B } from "./components/form/select/Select.js";
15
- import { default as H } from "./components/form/hidden/Hidden.js";
16
- import { default as S } from "./components/form/checkbox/Checkbox.js";
17
- import { CheckboxList as w } from "./components/form/checkbox/CheckboxList.js";
18
- import { default as E } from "./components/form/fieldset/Fieldset.js";
19
- import { Menu as T } from "./components/ui/menu/Menu.js";
13
+ import { Button as S } from "./components/form/button/Button.js";
14
+ import { Select as y } from "./components/form/select/Select.js";
15
+ import { default as D } from "./components/form/hidden/Hidden.js";
16
+ import { default as R } from "./components/form/checkbox/Checkbox.js";
17
+ import { CheckboxList as v } from "./components/form/checkbox/CheckboxList.js";
18
+ import { default as A } from "./components/form/fieldset/Fieldset.js";
19
+ import { Menu as O } from "./components/ui/menu/Menu.js";
20
20
  import { default as q } from "./components/ui/block/Block.js";
21
21
  import { default as G } from "./components/ui/panel/Panel.js";
22
22
  import { Modal as K } from "./components/ui/modal/Modal.js";
@@ -25,47 +25,51 @@ import { Popup as V } from "./components/ui/popup/Popup.js";
25
25
  import { default as X } from "./components/ui/portal/Portal.js";
26
26
  import { default as Z } from "./components/ui/message/Message.js";
27
27
  import { default as $ } from "./components/ui/alert/Alert.js";
28
- import { default as eo } from "./components/ui/confirm/Confirm.js";
28
+ import { default as ro } from "./components/ui/confirm/Confirm.js";
29
29
  import { default as to } from "./components/ui/prompt/Prompt.js";
30
- import { Sidebar as fo } from "./components/ui/sidebar/Sidebar.js";
31
- import { default as po } from "./components/ui/editable/Editable.js";
32
- import { default as lo } from "./components/layout/Layout.js";
33
- import { default as uo } from "./components/layout/Page.js";
34
- import { default as no } from "./components/layout/PageHeader.js";
35
- import { i as co } from "./index-D12KbdVs.js";
30
+ import { default as fo } from "./components/ui/scroll/Scroll.js";
31
+ import { Sidebar as po } from "./components/ui/sidebar/Sidebar.js";
32
+ import { default as xo } from "./components/ui/toolbar/Toolbar.js";
33
+ import { default as uo } from "./components/ui/editable/Editable.js";
34
+ import { default as co } from "./components/layout/Layout.js";
35
+ import { default as Po } from "./components/layout/Page.js";
36
+ import { default as Fo } from "./components/layout/PageHeader.js";
37
+ import { i as ko } from "./index-D12KbdVs.js";
36
38
  export {
37
39
  $ as Alert,
38
40
  q as Block,
39
- h as Button,
40
- S as Checkbox,
41
- w as CheckboxList,
42
- eo as Confirm,
43
- l as Date,
41
+ S as Button,
42
+ R as Checkbox,
43
+ v as CheckboxList,
44
+ ro as Confirm,
45
+ x as Date,
44
46
  s as DatePicker,
45
- po as Editable,
46
- E as Fieldset,
47
- P as Files,
47
+ uo as Editable,
48
+ A as Fieldset,
49
+ n as Files,
48
50
  t as Form,
49
51
  p as FormCol,
50
52
  f as FormRow,
51
- H as Hidden,
52
- co as Icons,
53
+ D as Hidden,
54
+ ko as Icons,
53
55
  b as Image,
54
56
  g as Input,
55
57
  C as Label,
56
- lo as Layout,
57
- T as Menu,
58
+ co as Layout,
59
+ O as Menu,
58
60
  Z as Message,
59
61
  K as Modal,
60
62
  Q as Overlay,
61
- uo as Page,
62
- no as PageHeader,
63
+ Po as Page,
64
+ Fo as PageHeader,
63
65
  G as Panel,
64
66
  V as Popup,
65
67
  X as Portal,
66
68
  to as Prompt,
67
69
  I as RadioList,
68
- B as Select,
69
- fo as Sidebar,
70
- i as Time
70
+ fo as Scroll,
71
+ y as Select,
72
+ po as Sidebar,
73
+ i as Time,
74
+ xo as Toolbar
71
75
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@alxgrn/telefrag-ui",
3
3
  "description": "UI library for The Daily Telefrag project",
4
- "version": "0.0.61",
4
+ "version": "0.0.63",
5
5
  "private": false,
6
6
  "author": "Alexander Fedorov <alex@molner.ru>",
7
7
  "license": "Apache-2.0",