@alxgrn/telefrag-ui 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/PageHeader.css +1 -1
- package/dist/components/form/form/Form.js +97 -90
- package/dist/components/form/image/Image.js +4 -4
- package/dist/components/form/select/Select.js +4 -4
- package/dist/components/form/time/Time.js +4 -4
- package/dist/components/layout/Layout.js +3 -3
- package/dist/components/layout/Page.js +3 -3
- package/dist/components/layout/PageHeader.js +3 -3
- package/package.json +1 -1
|
@@ -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)}}: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}.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-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)}
|
|
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)}
|
|
@@ -1,24 +1,30 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { isValidDate as
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
1
|
+
import { jsxs as b, jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { useState as q, useEffect as H } from "react";
|
|
3
|
+
import h, { isValidDate as R } from "../date/Date.js";
|
|
4
|
+
import { RadioList as x } from "../radio/RadioList.js";
|
|
5
|
+
import { Select as y } from "../select/Select.js";
|
|
6
|
+
import { CheckboxList as F } from "../checkbox/CheckboxList.js";
|
|
7
|
+
import { Button as C } from "../button/Button.js";
|
|
8
|
+
import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.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 */
|
|
6
9
|
/* empty css */
|
|
7
10
|
/* empty css */
|
|
8
11
|
/* empty css */
|
|
9
12
|
/* empty css */
|
|
10
13
|
/* empty css */
|
|
14
|
+
import I from "../time/Time.js";
|
|
15
|
+
import { Files as g } from "../files/Files.js";
|
|
16
|
+
import { Image as D } from "../image/Image.js";
|
|
17
|
+
import E from "../input/Input.js";
|
|
11
18
|
/* empty css */
|
|
12
19
|
/* empty css */
|
|
20
|
+
import T from "../hidden/Hidden.js";
|
|
21
|
+
import B from "../checkbox/Checkbox.js";
|
|
22
|
+
/* empty css */
|
|
13
23
|
import "react-transition-group";
|
|
14
24
|
import "react-dom";
|
|
15
25
|
/* empty css */
|
|
16
26
|
/* empty css */
|
|
17
|
-
|
|
18
|
-
/* empty css */
|
|
19
|
-
/* empty css */
|
|
20
|
-
/* empty css */
|
|
21
|
-
import u from "../../ui/block/Block.js";
|
|
27
|
+
import l from "../../ui/block/Block.js";
|
|
22
28
|
/* empty css */
|
|
23
29
|
/* empty css */
|
|
24
30
|
/* empty css */
|
|
@@ -31,128 +37,129 @@ import u from "../../ui/block/Block.js";
|
|
|
31
37
|
/* empty css */
|
|
32
38
|
/* empty css */
|
|
33
39
|
/* empty css */
|
|
34
|
-
import
|
|
35
|
-
const
|
|
36
|
-
info:
|
|
40
|
+
import S from "./traverse.js";
|
|
41
|
+
const Eo = ({
|
|
42
|
+
info: u,
|
|
37
43
|
error: d,
|
|
38
44
|
success: k,
|
|
39
45
|
submit: p,
|
|
40
|
-
cancel:
|
|
41
|
-
submitType:
|
|
42
|
-
cancelType:
|
|
43
|
-
wide:
|
|
44
|
-
onSubmit:
|
|
45
|
-
onCancel:
|
|
46
|
-
children:
|
|
46
|
+
cancel: f,
|
|
47
|
+
submitType: j = "Accent",
|
|
48
|
+
cancelType: w = "Error",
|
|
49
|
+
wide: A,
|
|
50
|
+
onSubmit: v,
|
|
51
|
+
onCancel: L,
|
|
52
|
+
children: c
|
|
47
53
|
}) => {
|
|
48
|
-
const [
|
|
49
|
-
return
|
|
50
|
-
p && (i(!1),
|
|
51
|
-
const
|
|
52
|
-
if (
|
|
53
|
-
switch (
|
|
54
|
-
case
|
|
55
|
-
|
|
54
|
+
const [N, i] = q(!1);
|
|
55
|
+
return H(() => {
|
|
56
|
+
p && (i(!1), S(c, (r) => {
|
|
57
|
+
const e = r.props;
|
|
58
|
+
if (e.required)
|
|
59
|
+
switch (r.type) {
|
|
60
|
+
case I:
|
|
61
|
+
case E:
|
|
62
|
+
e.value.trim() || i(!0);
|
|
56
63
|
break;
|
|
57
|
-
case
|
|
58
|
-
|
|
64
|
+
case B:
|
|
65
|
+
e.checked || i(!0);
|
|
59
66
|
break;
|
|
60
|
-
case
|
|
67
|
+
case y:
|
|
61
68
|
{
|
|
62
|
-
const
|
|
63
|
-
|
|
69
|
+
const s = e.value;
|
|
70
|
+
e.options.findIndex((a) => a.value === s) < 0 && i(!0);
|
|
64
71
|
}
|
|
65
72
|
break;
|
|
66
|
-
case
|
|
73
|
+
case x:
|
|
67
74
|
{
|
|
68
|
-
const
|
|
69
|
-
|
|
75
|
+
const s = e.value;
|
|
76
|
+
e.options.findIndex((a) => a.value === s) < 0 && i(!0);
|
|
70
77
|
}
|
|
71
78
|
break;
|
|
72
|
-
case
|
|
73
|
-
|
|
79
|
+
case g:
|
|
80
|
+
e.files.length < 1 && i(!0);
|
|
74
81
|
break;
|
|
75
|
-
case
|
|
76
|
-
|
|
82
|
+
case D:
|
|
83
|
+
e.value || i(!0);
|
|
77
84
|
break;
|
|
78
|
-
case
|
|
79
|
-
|
|
85
|
+
case h:
|
|
86
|
+
R(e.value.trim()) || i(!0);
|
|
80
87
|
break;
|
|
81
|
-
case
|
|
82
|
-
|
|
88
|
+
case F:
|
|
89
|
+
e.options.findIndex((n) => n.checked === !0) < 0 && i(!0);
|
|
83
90
|
break;
|
|
84
91
|
}
|
|
85
92
|
}));
|
|
86
|
-
}, [
|
|
87
|
-
k && /* @__PURE__ */
|
|
88
|
-
d && /* @__PURE__ */
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
(p ||
|
|
92
|
-
p && /* @__PURE__ */
|
|
93
|
-
|
|
93
|
+
}, [c, p]), /* @__PURE__ */ b("div", { className: A ? "Form FormWide" : "Form", children: [
|
|
94
|
+
k && /* @__PURE__ */ m(l, { type: "Success", children: k }),
|
|
95
|
+
d && /* @__PURE__ */ m(l, { type: "Error", children: d }),
|
|
96
|
+
u && /* @__PURE__ */ m(l, { children: u }),
|
|
97
|
+
c,
|
|
98
|
+
(p || f) && /* @__PURE__ */ b("div", { className: "FormSubmitButtons", children: [
|
|
99
|
+
p && /* @__PURE__ */ m(
|
|
100
|
+
C,
|
|
94
101
|
{
|
|
95
|
-
type:
|
|
102
|
+
type: j,
|
|
96
103
|
label: p,
|
|
97
|
-
disabled:
|
|
104
|
+
disabled: N,
|
|
98
105
|
onClick: () => {
|
|
99
|
-
if (!
|
|
100
|
-
const
|
|
101
|
-
if (!
|
|
102
|
-
|
|
106
|
+
if (!v) return;
|
|
107
|
+
const r = {}, e = (t, o) => {
|
|
108
|
+
if (!r[t]) {
|
|
109
|
+
r[t] = o;
|
|
103
110
|
return;
|
|
104
111
|
}
|
|
105
|
-
|
|
112
|
+
r[t] instanceof Array ? r[t].push(o) : r[t] = [r[t], o];
|
|
106
113
|
};
|
|
107
|
-
|
|
108
|
-
const
|
|
109
|
-
switch (
|
|
110
|
-
case
|
|
111
|
-
case
|
|
112
|
-
case
|
|
113
|
-
|
|
114
|
+
S(c, (t) => {
|
|
115
|
+
const o = t.props;
|
|
116
|
+
switch (t.type) {
|
|
117
|
+
case h:
|
|
118
|
+
case I:
|
|
119
|
+
case E:
|
|
120
|
+
e(o.id, o.value.trim());
|
|
114
121
|
break;
|
|
115
|
-
case
|
|
116
|
-
|
|
122
|
+
case B:
|
|
123
|
+
e(o.id, o.checked ? o.value : void 0);
|
|
117
124
|
break;
|
|
118
|
-
case
|
|
119
|
-
case
|
|
120
|
-
|
|
125
|
+
case y:
|
|
126
|
+
case x:
|
|
127
|
+
e(o.id, o.value);
|
|
121
128
|
break;
|
|
122
|
-
case
|
|
123
|
-
|
|
129
|
+
case g:
|
|
130
|
+
e(o.id, o.files);
|
|
124
131
|
break;
|
|
125
|
-
case
|
|
126
|
-
|
|
132
|
+
case D:
|
|
133
|
+
e(o.id, o.value);
|
|
127
134
|
break;
|
|
128
|
-
case
|
|
129
|
-
|
|
135
|
+
case T:
|
|
136
|
+
e(o.id, o.value);
|
|
130
137
|
break;
|
|
131
|
-
case
|
|
138
|
+
case F:
|
|
132
139
|
{
|
|
133
|
-
const
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
}),
|
|
140
|
+
const s = [];
|
|
141
|
+
o.options.forEach((a) => {
|
|
142
|
+
a.checked && s.push(a.value);
|
|
143
|
+
}), e(o.id, s);
|
|
137
144
|
}
|
|
138
145
|
break;
|
|
139
146
|
}
|
|
140
|
-
}),
|
|
147
|
+
}), v(r);
|
|
141
148
|
}
|
|
142
149
|
}
|
|
143
150
|
),
|
|
144
|
-
|
|
145
|
-
|
|
151
|
+
f && /* @__PURE__ */ m(
|
|
152
|
+
C,
|
|
146
153
|
{
|
|
147
|
-
type:
|
|
148
|
-
label:
|
|
149
|
-
onClick:
|
|
154
|
+
type: w,
|
|
155
|
+
label: f,
|
|
156
|
+
onClick: L
|
|
150
157
|
}
|
|
151
158
|
)
|
|
152
159
|
] })
|
|
153
160
|
] });
|
|
154
161
|
};
|
|
155
162
|
export {
|
|
156
|
-
|
|
157
|
-
|
|
163
|
+
Eo as Form,
|
|
164
|
+
Eo as default
|
|
158
165
|
};
|
|
@@ -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/Expandable.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/
|
|
4
|
+
import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.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/Input.css';import '../../../assets/Files.css';import '../../../assets/Menu.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/Fieldset.css';import '../../../assets/RadioLabel.css';import '../../../assets/RequiredMark.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-transition-group";
|
|
6
6
|
import "react-dom";
|
|
7
7
|
/* empty css */
|
|
@@ -11,15 +11,15 @@ import N from "../../icons/Image.js";
|
|
|
11
11
|
/* empty css */
|
|
12
12
|
import j from "../../icons/Trash.js";
|
|
13
13
|
/* empty css */
|
|
14
|
+
/* empty css */
|
|
15
|
+
/* empty css */
|
|
16
|
+
/* empty css */
|
|
14
17
|
/* empty css */
|
|
15
18
|
/* empty css */
|
|
16
19
|
/* empty css */
|
|
17
20
|
/* empty css */
|
|
18
|
-
/* empty css */
|
|
19
|
-
/* empty css */
|
|
20
21
|
/* empty css */
|
|
21
22
|
/* empty css */
|
|
22
|
-
/* empty css */
|
|
23
23
|
/* empty css */
|
|
24
24
|
/* empty css */
|
|
25
25
|
/* empty css */
|
|
@@ -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/Expandable.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/
|
|
4
|
+
import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.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/Input.css';import '../../../assets/Files.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/Fieldset.css';import '../../../assets/RadioLabel.css';import '../../../assets/RequiredMark.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-transition-group";
|
|
6
6
|
import "react-dom";
|
|
7
7
|
/* empty css */
|
|
@@ -10,15 +10,15 @@ import w from "../../icons/ChevronDown.js";
|
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
12
|
/* empty css */
|
|
13
|
+
/* empty css */
|
|
14
|
+
/* empty css */
|
|
15
|
+
/* empty css */
|
|
13
16
|
/* empty css */
|
|
14
17
|
/* empty css */
|
|
15
18
|
/* empty css */
|
|
16
19
|
import { Menu as E } from "../../ui/menu/Menu.js";
|
|
17
|
-
/* empty css */
|
|
18
|
-
/* empty css */
|
|
19
20
|
/* empty css */
|
|
20
21
|
/* empty css */
|
|
21
|
-
/* empty css */
|
|
22
22
|
/* empty css */
|
|
23
23
|
/* empty css */
|
|
24
24
|
/* empty css */
|
|
@@ -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/Expandable.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/
|
|
5
|
+
import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.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/Input.css';import '../../../assets/Files.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/Fieldset.css';import '../../../assets/RadioLabel.css';import '../../../assets/RequiredMark.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-transition-group";
|
|
7
7
|
import "react-dom";
|
|
8
8
|
/* empty css */
|
|
@@ -10,14 +10,14 @@ import O from "../../icons/Check.js";
|
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
12
|
/* empty css */
|
|
13
|
+
/* empty css */
|
|
14
|
+
/* empty css */
|
|
15
|
+
/* empty css */
|
|
13
16
|
/* empty css */
|
|
14
17
|
/* empty css */
|
|
15
18
|
/* empty css */
|
|
16
|
-
/* empty css */
|
|
17
|
-
/* empty css */
|
|
18
19
|
/* empty css */
|
|
19
20
|
/* empty css */
|
|
20
|
-
/* empty css */
|
|
21
21
|
/* empty css */
|
|
22
22
|
/* empty css */
|
|
23
23
|
/* empty css */
|
|
@@ -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/Expandable.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/
|
|
5
|
+
import '../../assets/Expandable.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/Input.css';import '../../assets/Files.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/Fieldset.css';import '../../assets/RadioLabel.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-transition-group";
|
|
7
7
|
import "react-dom";
|
|
8
8
|
/* empty css */
|
|
@@ -11,14 +11,14 @@ import "react-dom";
|
|
|
11
11
|
/* empty css */
|
|
12
12
|
/* empty css */
|
|
13
13
|
/* empty css */
|
|
14
|
+
/* empty css */
|
|
15
|
+
/* empty css */
|
|
14
16
|
/* empty css */
|
|
15
17
|
/* empty css */
|
|
16
18
|
/* empty css */
|
|
17
19
|
/* empty css */
|
|
18
|
-
/* empty css */
|
|
19
20
|
/* empty css */
|
|
20
21
|
/* empty css */
|
|
21
|
-
/* empty css */
|
|
22
22
|
/* empty css */
|
|
23
23
|
/* empty css */
|
|
24
24
|
/* empty css */
|
|
@@ -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/Expandable.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/
|
|
2
|
+
import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Expandable.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/Input.css';import '../../assets/Files.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/Fieldset.css';import '../../assets/RadioLabel.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-transition-group";
|
|
5
5
|
import "react-dom";
|
|
@@ -9,14 +9,14 @@ import "react-dom";
|
|
|
9
9
|
/* empty css */
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
|
+
/* empty css */
|
|
13
|
+
/* empty css */
|
|
12
14
|
/* empty css */
|
|
13
15
|
/* empty css */
|
|
14
16
|
/* empty css */
|
|
15
17
|
/* empty css */
|
|
16
|
-
/* empty css */
|
|
17
18
|
/* empty css */
|
|
18
19
|
/* empty css */
|
|
19
|
-
/* empty css */
|
|
20
20
|
/* empty css */
|
|
21
21
|
/* empty css */
|
|
22
22
|
/* empty css */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as a, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import f from "../icons/Image.js";
|
|
3
|
-
import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Expandable.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/
|
|
3
|
+
import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Expandable.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/Input.css';import '../../assets/Files.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Fieldset.css';import '../../assets/RadioLabel.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
5
|
import k from "../icons/Trash.js";
|
|
6
6
|
/* empty css */
|
|
@@ -11,14 +11,14 @@ import "react-dom";
|
|
|
11
11
|
/* empty css */
|
|
12
12
|
/* empty css */
|
|
13
13
|
/* empty css */
|
|
14
|
+
/* empty css */
|
|
15
|
+
/* empty css */
|
|
14
16
|
import { Button as b } from "../form/button/Button.js";
|
|
15
17
|
/* empty css */
|
|
16
18
|
/* empty css */
|
|
17
19
|
/* empty css */
|
|
18
|
-
/* empty css */
|
|
19
20
|
/* empty css */
|
|
20
21
|
/* empty css */
|
|
21
|
-
/* empty css */
|
|
22
22
|
/* empty css */
|
|
23
23
|
/* empty css */
|
|
24
24
|
/* empty css */
|
package/package.json
CHANGED