@bizy/core 19.0.0

package/styles/date-picker.css

@@ -0,0 +1,2 @@
+@import 'flatpickr/dist/flatpickr.min.css';
+@import 'flatpickr/dist/plugins/confirmDate/confirmDate.css';

package/styles/file-uploader.css

@@ -0,0 +1,2 @@
+@import "@uppy/core/dist/style.min.css";
+@import "@uppy/dashboard/dist/style.min.css";

package/styles/loading.css

@@ -0,0 +1,90 @@
+.bizy-loading--spinner {
+    border-radius: 50%;
+    display: inline-block;
+    position: relative;
+    border: 3px solid;
+    border-color: var(--bizy-loading-spinner-color-3rd-line) var(--bizy-loading-spinner-color-3rd-line) transparent transparent;
+    box-sizing: border-box;
+    animation: rotation 1s linear infinite;
+}
+
+.bizy-loading--spinner::after,
+.bizy-loading--spinner::before {
+    content: '';
+    box-sizing: border-box;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    margin: auto;
+    border: 3px solid;
+    width: calc(100% * 0.83);
+    height: calc(100% * 0.83);
+    border-radius: 50%;
+    box-sizing: border-box;
+    animation: rotationBack 0.5s linear infinite;
+    transform-origin: center center;
+}
+
+.bizy-loading--spinner::after {
+    border-color: transparent transparent var(--bizy-loading-spinner-color-2nd-line) var(--bizy-loading-spinner-color-2nd-line);
+}
+
+.bizy-loading--spinner::before {
+    width: calc(100% * 0.67);
+    height: calc(100% * 0.67);
+    border-color: var(--bizy-loading-spinner-color-1st-line) var(--bizy-loading-spinner-color-1st-line) transparent transparent;
+    animation: rotation 1.5s linear infinite;
+}
+
+@keyframes rotation {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes rotationBack {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(-360deg);
+    }
+}
+
+.bizy-loading--bar {
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+    position: relative;
+}
+
+.bizy-loading--bar::after {
+    content: '';
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    position: absolute;
+    background-image: linear-gradient(100deg, transparent, var(--bizy-loading-bright-color) 50%, transparent 80%), linear-gradient(var(--bizy-loading-bar-color) 100%, transparent 0);
+    background-repeat: no-repeat;
+    background-size: 45% 100%, 100% 100%;
+    box-sizing: border-box;
+    animation: bizy-loading-bar 1s linear infinite;
+}
+
+@keyframes bizy-loading-bar {
+    0% {
+        background-position: 0% 0, 0 0;
+    }
+
+    100% {
+        background-position: 150% 0, 0 0;
+    }
+}

package/styles/normalize.css

@@ -0,0 +1,102 @@
+html,
+body {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    font-family: var(--bizy-font-family);
+    font-size: clamp(12px, 1vmax, 16px) !important;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin: 0 !important;
+    font-weight: normal;
+    text-align: start;
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+    font-family: var(--bizy-font-family);
+}
+
+h1 {
+    font-size: 1.4rem !important;
+    line-height: 1.6rem !important;
+}
+
+h2 {
+    font-size: 1.3rem !important;
+    line-height: 1.5rem !important;
+}
+
+h3 {
+    font-size: 1.2rem !important;
+    line-height: 1.4rem !important;
+}
+
+h4 {
+    font-size: 1.1rem !important;
+    line-height: 1.3rem !important;
+}
+
+h5 {
+    font-size: 0.9rem !important;
+    line-height: 1.1rem !important;
+}
+
+h6 {
+    font-size: 0.8rem !important;
+    line-height: 1rem !important;
+}
+
+p {
+    font-size: 0.8rem !important;
+    line-height: 1rem !important;
+}
+
+ul {
+    margin-block-start: 0;
+    margin-block-end: 0;
+}
+
+label {
+    font-size: 1rem !important;
+    line-height: 1.2rem !important;
+    margin-bottom: 0;
+    font-family: var(--bizy-font-family);
+}
+
+textarea {
+    font-family: var(--bizy-font-family);
+}
+
+button {
+    font-size: 1rem !important;
+    padding: 0;
+    margin: 0;
+    font-family: var(--bizy-font-family);
+}
+
+pre {
+    display: inline-block;
+    font-family: var(--bizy-font-family);
+    unicode-bidi: normal;
+    margin: 0;
+}
+
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+iframe {
+    border: none !important;
+}

package/styles/overlay.css

@@ -0,0 +1 @@
+@import '@angular/cdk/overlay-prebuilt.css';

package/styles/popup.css

@@ -0,0 +1,21 @@
+.bizy-popup {
+    position: fixed !important;
+    top: 50%;
+    left: 50%;
+    right: 50%;
+    bottom: 50%;
+    transform: translate(-50%, -50%);
+    min-height: 150px;
+    min-width: 150px;
+    width: fit-content;
+    height: fit-content;
+    z-index: 10;
+}
+
+.bizy-popup-backdrop {
+    width: 100vw;
+    height: 100vh;
+    background-color: #00000060;
+    position: absolute;
+    top: 0;
+}

package/styles/toast.css

@@ -0,0 +1,83 @@
+.bizy-toast {
+    position: fixed !important;
+    top: 0.5rem;
+    right: 0;
+    width: fit-content;
+    height: fit-content;
+    -webkit-animation-duration: 0.5s;
+    animation-duration: 0.5s;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+}
+
+.bizy-toast--in {
+    -webkit-animation-name: slide-in-right;
+    animation-name: slide-in-right;
+}
+
+.bizy-toast--out {
+    -webkit-animation-name: slide-out-right;
+    animation-name: slide-out-right;
+}
+
+@-webkit-keyframes slide-in-right {
+    from {
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0);
+        visibility: visible;
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+    }
+}
+
+@keyframes slide-in-right {
+    from {
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0);
+        visibility: visible;
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+    }
+}
+
+.slide-in-right {
+    -webkit-animation-name: slide-in-right;
+    animation-name: slide-in-right;
+}
+
+@-webkit-keyframes slide-out-right {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0);
+    }
+}
+
+@keyframes slide-out-right {
+    from {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0);
+    }
+}
+
+.slide-out-right {
+    -webkit-animation-name: slide-out-right;
+    animation-name: slide-out-right;
+}

package/styles/tooltip.css

@@ -0,0 +1,55 @@
+.bizy-tooltip {
+  max-width: 15rem;
+  position: absolute;
+  text-align: center;
+  color: var(--bizy-tooltip-color);
+  padding: 0.5rem;
+  background: var(--bizy-tooltip-background-color);
+  border-radius: 0.5rem;
+  z-index: 99999999;
+  opacity: 0;
+  word-wrap: break-word;
+  border: 0.1rem solid var(--bizy-tooltip-border-color);
+}
+
+.bizy-tooltip::after {
+  content: "";
+  position: absolute;
+  border-style: solid;
+}
+
+.bizy-tooltip-top::after {
+  top: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+  border-color: var(--bizy-tooltip-border-color) transparent transparent transparent;
+}
+
+.bizy-tooltip-bottom::after {
+  bottom: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+  border-color: transparent transparent var(--bizy-tooltip-border-color) transparent;
+}
+
+.bizy-tooltip-left::after {
+  top: 50%;
+  left: 100%;
+  margin-top: -5px;
+  border-width: 5px;
+  border-color: transparent transparent transparent var(--bizy-tooltip-border-color);
+}
+
+.bizy-tooltip-right::after {
+  top: 50%;
+  right: 100%;
+  margin-top: -5px;
+  border-width: 5px;
+  border-color: transparent var(--bizy-tooltip-border-color) transparent transparent;
+}
+
+.bizy-tooltip--show {
+  opacity: 1;
+}

package/styles/variables.css

@@ -0,0 +1,288 @@
+:root {
+    --bizy-success-color: #5fbc5a;
+    --bizy-light-success-color: #eaf6e8;
+    --bizy-dark-success-color: #3f8e3a;
+    --bizy-default-color: #666;
+    --bizy-light-default-color: #eee;
+    --bizy-dark-default-color: #333;
+    --bizy-info-color: #2484c6;
+    --bizy-light-info-color: #e6eff6;
+    --bizy-dark-info-color: #355b7f;
+    --bizy-alert-color: #fffe56;
+    --bizy-light-alert-color: #fffdc8;
+    --bizy-dark-alert-color: #7e7915;
+    --bizy-warning-color: #f7a64c;
+    --bizy-light-warning-color: #fde5c9;
+    --bizy-dark-warning-color: #c07b2d;
+    --bizy-danger-color: #e76565;
+    --bizy-light-danger-color: #f3c5c5;
+    --bizy-dark-danger-color: #c34b4b;
+    --bizy-accent-color: #16aa88;
+    --bizy-light-accent-color: #c4f6ea;
+    --bizy-dark-accent-color: #0a5745;
+    --bizy-accent-hover-color: #16aa8844;
+    --bizy-hover-color: #2484c644;
+
+    --bizy-accordion-background-color: transparent;
+    --bizy-accordion-border: none;
+    --bizy-accordion-border-bottom: none;
+    --bizy-accordion-arrow-color: var(--bizy-default-color);
+    --bizy-accordion-padding-left: 0.5rem;
+    --bizy-accordion-arrow-height: 0.9rem;
+
+    --bizy-animation-timeout: 500ms;
+
+    --bizy-audio-player-playback-rate-background-color: #f3f3f3;
+    --bizy-audio-player-playback-rate-color: var(--bizy-dark-default-color);
+    --bizy-audio-player-download-button-background-color: var(--bizy-accent-color);
+    --bizy-audio-player-download-button-color: #fff;
+
+    --bizy-breadcrumb-link-color: var(--bizy-info-color);
+    --bizy-breadcrumb-path-color: var(--bizy-default-color);
+    
+    --bizy-button-color: #fff;
+    --bizy-button-background-color: var(--bizy-default-color);
+    --bizy-button-padding: 0.5rem;
+    --bizy-button-border-radius: 0.3rem;
+    --bizy-button-border: none;
+
+    --bizy-card-background-color: #fff;
+    --bizy-card-cursor: default;
+    --bizy-card-height: 100%;
+    --bizy-card-width: 100%;
+    --bizy-card-border: none;
+    --bizy-card-border-radius: 0.3rem;
+    --bizy-card-padding: 0.5rem;
+    --bizy-card-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
+    --bizy-card-hover-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
+
+    --bizy-calendar-event-color: var(--bizy-dark-default-color);
+    --bizy-calendar-event-delete-action-color: var(--bizy-danger-color);
+    --bizy-calendar-event-delete-action-hover-color: var(--bizy-dark-danger-color);
+    --bizy-calendar-event-delete-action-line-color: var(--bizy-light-default-color);
+    --bizy-calendar-event-delete-action-width: 1rem;
+    --bizy-calendar-event-delete-action-height: 1rem;
+
+    --bizy-checkbox-border-color: #ccc;
+    --bizy-checkbox-hover-color: var(--bizy-accent-hover-color);
+    --bizy-checkbox-color: var(--bizy-accent-color);
+
+    --bizy-copy-to-clipboard-default-color: #2484c6;
+    --bizy-copy-to-clipboard-success-color: #5fbc5a;
+    --bizy-copy-to-clipboard-danger-color: #e76565;
+
+    --bizy-filter-padding: 0;
+    --bizy-filter-color: var(--bizy-default-color);
+    --bizy-filter-background-color: #fff;
+    --bizy-filter-badge-color: var(--bizy-danger-color);
+    --bizy-filter-section-clear-color: var(--bizy-danger-color);
+    --bizy-filter-section-min-width: 8rem;
+
+    --bizy-font-family: Roboto, "Helvetica Neue", sans-serif;
+
+    --bizy-form-max-width: 40rem;
+    --bizy-form-row-gap: 1rem;
+
+    --bizy-grid-height: 100%;
+    --bizy-grid-min-height: 5rem;
+    --bizy-grid-max-height: 100%;
+    --bizy-grid-scroll-bar-color: var(--bizy-default-color);
+    --bizy-grid-scroll-bar-hover-color: #999;
+    --bizy-grid-width: 100%;
+    --bizy-grid-background-color: transparent;
+    --bizy-grid-row-background-color: transparent;
+    --bizy-grid-row-height: 3rem;
+    --bizy-grid-column-width: 18rem;
+    --bizy-grid-gap: 0.6rem;
+
+    --bizy-input-background-color: #fff;
+    --bizy-input-focus-color: var(--bizy-info-color);
+    --bizy-input-invalid-color: var(--bizy-danger-color);
+    --bizy-input-negative-background-color: var(--bizy-light-danger-color);
+    --bizy-input-color: var(--bizy-default-color);
+    --bizy-input-cursor: default;
+    --bizy-input-width: 100%;
+    --bizy-input-min-width: 14rem;
+    --bizy-input-max-width: 40rem;
+    --bizy-input-options-height: 20rem;
+    --bizy-input-option-hover-background-color: var(--bizy-hover-color);
+    --bizy-input-option-selected-color: #fff;
+    --bizy-input-option-selected-background-color: var(--bizy-info-color);
+
+    --bizy-list-height: fit-content;
+    --bizy-list-width: 100%;
+    --bizy-list-flex-direction: column;
+    --bizy-list-column-gap: 0.5rem;
+    --bizy-list-row-gap: 0.5rem;
+
+    --bizy-loading-bright-color: #fffa;
+    --bizy-loading-bar-color: #e5e5e5;
+    --bizy-loading-spinner-color-1st-line: #2484c6;
+    --bizy-loading-spinner-color-2nd-line: #2484c6;
+    --bizy-loading-spinner-color-3rd-line: #2484c6;
+
+    --bizy-menu-option-background-color: transparent;
+    --bizy-menu-option-hover-background-color: var(--bizy-light-info-color);
+    --bizy-menu-option-selected-background-color: var(--bizy-info-color);
+    --bizy-menu-option-color: #000;
+    --bizy-menu-option-selected-color: #fff;
+
+    --bizy-menu-title-background-color: transparent;
+    --bizy-menu-title-color: #000;
+    --bizy-menu-title-underline-color: var(--bizy-info-color);
+
+    --bizy-menu-padding: 0;
+    --bizy-menu-color: #fff;
+    --bizy-menu-background-color: #fff;
+    --bizy-menu-arrow-height: 0.9rem;
+    --bizy-menu-max-width: 90vw;
+    --bizy-menu-max-height: 90vh;
+    --bizy-menu-scroll-bar-color: var(--bizy-default-color);
+    --bizy-menu-scroll-bar-hover-color: #999;
+
+    --bizy-popup-background-color: #fff;
+    --bizy-popup-min-width: 20rem;
+    --bizy-popup-width: fit-content;
+    --bizy-popup-max-width: 90vw;
+    --bizy-popup-drag-button-color: #666;
+    --bizy-popup-drag-button-border-color: #ccc;
+    --bizy-popup-drag-button-background-color: #fff;
+    --bizy-popup-close-button-border-color: #ccc;
+    --bizy-popup-close-button-background-color: #fff;
+    --bizy-popup-close-button-color: #666;
+    --bizy-popup-close-button-hover-color: #e76565;
+
+    --bizy-radio-color: var(--bizy-accent-color);
+
+    --bizy-select-height: 20rem;
+    --bizy-select-width: 100%;
+    --bizy-select-min-width: 14rem;
+    --bizy-select-max-width: 40rem;
+    --bizy-select-background-color: #fff;
+    --bizy-select-color: #000;
+    --bizy-select-option-color: #000;
+    --bizy-select-option-hover-background-color: var(--bizy-hover-color);
+    --bizy-select-option-selected-color: #fff;
+    --bizy-select-option-selected-background-color: var(--bizy-info-color);
+    --bizy-select-arrow-height: 0.9rem;
+    --bizy-select-scroll-bar-color: var(--bizy-default-color);
+    --bizy-select-scroll-bar-hover-color: #999;
+
+    --bizy-sidebar-background-color: #fff;
+    --bizy-sidebar-shrinked-width: 3rem;
+    --bizy-sidebar-tab-height: 2.6rem;
+    --bizy-sidebar-tab-width: 1.2rem;
+    --bizy-sidebar-tab-top: 0.25rem;
+    --bizy-sidebar-tab-background-color: #fff;
+    --bizy-sidebar-tab-color: var(--bizy-default-color);
+    --bizy-sidebar-width: 8rem;
+    --bizy-sidebar-padding: 0 0 0 0.5rem;
+    --bizy-sidebar-section-min-height: 3rem;
+    --bizy-sidebar-option-selected-color: var(--bizy-info-color);
+    --bizy-sidebar-option-hover-color: var(--bizy-dark-info-color);
+    --bizy-sidebar-floating-option-title-color: #000;
+    --bizy-sidebar-floating-option-title-background-color: var(--bizy-sidebar-floating-option-background-color);
+    --bizy-sidebar-floating-option-title-underline-color: var(--bizy-info-color);
+    --bizy-sidebar-floating-option-color: #000;
+    --bizy-sidebar-floating-option-background-color: #fff;
+    --bizy-sidebar-scroll-bar-color: var(--bizy-default-color);
+    --bizy-sidebar-scroll-bar-hover-color: #999;
+
+    --bizy-skeleton-height: 1rem;
+    --bizy-skeleton-width: 100%;
+
+    --bizy-slider-color: var(--bizy-default-color);
+    --bizy-slider-background-color: #fff;
+    --bizy-slider-range-color: var(--bizy-accent-color);
+    --bizy-slider-accent-color: var(--bizy-info-color);
+
+    --bizy-table-height: 100%;
+    --bizy-table-min-height: 5rem;
+    --bizy-table-max-height: 100%;
+    --bizy-table-scroll-bar-color: var(--bizy-default-color);
+    --bizy-table-scroll-bar-hover-color: #999;
+    --bizy-table-width: 100%;
+    --bizy-table-background-color: #f3f3f3;
+    --bizy-table-footer-height: 2.4rem;
+    --bizy-table-footer-background-color: #fff;
+    --bizy-table-header-height: 2.4rem;
+    --bizy-table-row-hover-background-color: var(--bizy-hover-color);
+    --bizy-table-row-background-color: #fff;
+    --bizy-table-row-height: 2rem;
+    --bizy-table-row-selected-background-color: var(--bizy-info-color); 
+    --bizy-table-row-selected-color: #fff;
+    --bizy-table-header-background-color: #c9d9e0;
+    --bizy-table-row-expand-content-background-color: #c9d9e0;
+    --bizy-table-row-opened-background-color: #c9d9e0;
+    --bizy-table-column-border-top: none;
+    --bizy-table-column-border-right: none;
+    --bizy-table-column-border-bottom: none;
+    --bizy-table-column-border-left: none;
+    --bizy-table-column-background-color: inherit;
+    --bizy-table-column-cursor: default;
+    --bizy-table-column-min-width: 2rem;
+    --bizy-table-column-justify-content: flex-start;
+    --bizy-table-column-arrows-color: var(--bizy-info-color);
+    --bizy-table-column-arrow-color: var(--bizy-default-color);
+
+    --bizy-tabs-column-gap: 0;
+    --bizy-tabs-background-color: transparent;
+    --bizy-tabs-scroll-bar-color: var(--bizy-default-color);
+    --bizy-tabs-scroll-bar-hover-color: #999;
+    --bizy-tab-border-top:  0.1rem solid #ddd;
+    --bizy-tab-border-right:  0.1rem solid #ddd;
+    --bizy-tab-border-left:  0.1rem solid #ddd;
+    --bizy-tab-border-bottom:  0.1rem solid #ddd;
+    --bizy-tab-border-radius: 0;
+    --bizy-tab-padding: 0.5rem 1rem;
+    --bizy-tab-background-color: transparent;
+    --bizy-tab-color: var(--bizy-default-color);
+    --bizy-tab-selected-color: var(--bizy-accent-color);
+    --bizy-tab-selected-background-color: #fff;
+    --bizy-tab-selected-bar-height: 0.2rem;
+    --bizy-tab-selected-bar-color: var(--bizy-accent-color);
+    --bizy-tabs-arrow-button-color: var(--bizy-default-color);
+    --bizy-tabs-arrow-button-background-color: #fff;
+
+    --bizy-tag-background-color: var(--bizy-light-default-color);
+    --bizy-tag-color: var(--bizy-dark-default-color);
+    --bizy-tag-default-background-color: var(--bizy-light-default-color);
+    --bizy-tag-default-color: var(--bizy-dark-default-color);
+    --bizy-tag-success-background-color: var(--bizy-light-success-color);
+    --bizy-tag-success-color: var(--bizy-dark-success-color);
+    --bizy-tag-info-background-color: var(--bizy-light-info-color);
+    --bizy-tag-info-color: var(--bizy-dark-info-color);
+    --bizy-tag-warning-background-color: var(--bizy-light-warning-color);
+    --bizy-tag-warning-color: var(--bizy-dark-warning-color);
+    --bizy-tag-danger-background-color: var(--bizy-light-danger-color);
+    --bizy-tag-danger-color: var(--bizy-dark-danger-color);
+    --bizy-tag-padding: 0.1rem 0.3rem;
+
+    --bizy-toast-border-left: 0.4rem solid #fff;
+    --bizy-toast-default-background-color: #fff;
+    --bizy-toast-default-color: #666;
+    --bizy-toast-info-background-color: #fff;
+    --bizy-toast-info-color: #2484c6;
+    --bizy-toast-success-background-color: #fff;
+    --bizy-toast-success-color: #5fbc5a;
+    --bizy-toast-warning-background-color: #fff;
+    --bizy-toast-warning-color: #f7a64c;
+    --bizy-toast-danger-background-color: #fff;
+    --bizy-toast-danger-color: #e76565;
+    --bizy-toast-close-button-color: #666;
+    --bizy-toast-close-button-hover-color: #333;
+
+    --bizy-toggle-color: var(--bizy-danger-color);
+    --bizy-toggle-background-color: #f2d5d7;
+    --bizy-toggle-selected-color: var(--bizy-success-color);
+    --bizy-toggle-selected-background-color: #abd8b0;
+
+    --bizy-toolbar-height: 3.2rem;
+    --bizy-toolbar-column-gap: 0.5rem;
+    --bizy-toolbar-background-color: #f3f3f3;
+    --bizy-toolbar-padding: 0 0.5rem 0 2rem;
+
+    --bizy-tooltip-color: #355b7f;
+    --bizy-tooltip-background-color: #d0e8fc;
+    --bizy-tooltip-border-color: #355b7f;
+}