simpo-component-library 3.5.52 → 3.6.51
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/README.md +24 -24
- package/esm2022/lib/components/delete-hover-element/delete-hover-element.component.mjs +5 -5
- package/esm2022/lib/components/document/document.component.mjs +5 -5
- package/esm2022/lib/components/hover-elements/hover-elements.component.mjs +4 -4
- package/esm2022/lib/components/image-loading/image-loading.component.mjs +5 -5
- package/esm2022/lib/components/index.mjs +5 -5
- package/esm2022/lib/components/input-fields/input-fields.component.mjs +4 -4
- package/esm2022/lib/components/payment-details/payment-details.component.mjs +18 -42
- package/esm2022/lib/constants/business.constant.mjs +1 -1
- package/esm2022/lib/directive/animation-directive.mjs +4 -4
- package/esm2022/lib/directive/background-directive.mjs +4 -4
- package/esm2022/lib/directive/banner-content-fit-directive.mjs +4 -4
- package/esm2022/lib/directive/blur-content.directive.mjs +4 -4
- package/esm2022/lib/directive/border-directive.mjs +4 -4
- package/esm2022/lib/directive/borderlessImage.directive.mjs +4 -4
- package/esm2022/lib/directive/button-directive.directive.mjs +4 -4
- package/esm2022/lib/directive/button-editor.directive.mjs +4 -4
- package/esm2022/lib/directive/color.directive.mjs +4 -4
- package/esm2022/lib/directive/column-directive.directive.mjs +4 -4
- package/esm2022/lib/directive/container-alignment.directive.mjs +4 -4
- package/esm2022/lib/directive/container-fir.directive.mjs +4 -4
- package/esm2022/lib/directive/content-alignment-directive.mjs +4 -4
- package/esm2022/lib/directive/content-fit-directive.mjs +4 -4
- package/esm2022/lib/directive/content-title-spacing.directive.mjs +4 -4
- package/esm2022/lib/directive/contenteditable.directive.mjs +4 -4
- package/esm2022/lib/directive/corner-directive.mjs +4 -4
- package/esm2022/lib/directive/footer-layout-directive.mjs +4 -4
- package/esm2022/lib/directive/hover-animation.directive.mjs +136 -0
- package/esm2022/lib/directive/hover-element-directive.mjs +4 -4
- package/esm2022/lib/directive/hoverborder.directive.mjs +4 -4
- package/esm2022/lib/directive/image-container.directive.mjs +4 -4
- package/esm2022/lib/directive/image-directive.directive.mjs +4 -4
- package/esm2022/lib/directive/image-editor.directive.mjs +4 -4
- package/esm2022/lib/directive/image-position.directive.mjs +4 -4
- package/esm2022/lib/directive/overlay-directive.mjs +4 -4
- package/esm2022/lib/directive/position-layout-directive.directive.mjs +4 -4
- package/esm2022/lib/directive/removeCarousel-directive.mjs +4 -4
- package/esm2022/lib/directive/spacing-around.directive.mjs +4 -4
- package/esm2022/lib/directive/spacing-horizontal.directive.mjs +4 -4
- package/esm2022/lib/directive/sticky-directive.mjs +4 -4
- package/esm2022/lib/directive/text-background-directive.directive.mjs +4 -4
- package/esm2022/lib/directive/text-size.directive.mjs +4 -4
- package/esm2022/lib/directive/wrap-containers.directive.mjs +4 -4
- package/esm2022/lib/ecommerce/sections/address/address.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/authenticate-user/authenticate-user.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/authentication-required/authentication-required.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/authentication-required/authentication-required.model.mjs +1 -1
- package/esm2022/lib/ecommerce/sections/cart/cart.component.mjs +7 -5
- package/esm2022/lib/ecommerce/sections/cart/cart.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/sections/category-product/category-product.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/category-product/category-product.model.mjs +1 -1
- package/esm2022/lib/ecommerce/sections/checkout/checkout.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/checkout/checkout.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/sections/customer-review/customer-review.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/customer-review/customer-review.model.mjs +1 -1
- package/esm2022/lib/ecommerce/sections/featured-category/featured-category.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/featured-category/featured-category.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/sections/featured-category/featured-collection.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/featured-products/featured-products.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/featured-products/featured-products.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/sections/item-varient/item-varient.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/order-details/order-details.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/pagnination/pagnination.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/product-category-list/product-category-list.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/product-category-list/product-category-list.model.mjs +1 -1
- package/esm2022/lib/ecommerce/sections/product-desc/product-desc.component.mjs +29 -10
- package/esm2022/lib/ecommerce/sections/product-desc/product-desc.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/sections/product-list/product-list.component.mjs +6 -6
- package/esm2022/lib/ecommerce/sections/product-list/product-list.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/sections/small-product-listing/small-product-listing.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/user-basic-info/user-basic-info.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/user-profile/user-profile.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/user-profile/user-profile.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/sections/verify-payment/verify-payment.component.mjs +5 -5
- package/esm2022/lib/ecommerce/sections/verify-payment/verify-payment.model.mjs +1 -1
- package/esm2022/lib/ecommerce/sections/whislist/whislist.component.mjs +5 -5
- package/esm2022/lib/ecommerce/styles/BaseCollection.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/styles/Collection.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/styles/OrderedItems.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/styles/PincodeLocation.model.mjs +1 -1
- package/esm2022/lib/ecommerce/styles/PincodeLocationInter.model.mjs +1 -1
- package/esm2022/lib/ecommerce/styles/cart.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/styles/category.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/styles/order.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/styles/product.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/styles/review.modal.mjs +1 -1
- package/esm2022/lib/ecommerce/styles/user.modal.mjs +1 -1
- package/esm2022/lib/elements/add-section/add-section.component.mjs +5 -5
- package/esm2022/lib/elements/below-image-card/below-image-card.component.mjs +5 -5
- package/esm2022/lib/elements/button/button.component.mjs +5 -5
- package/esm2022/lib/elements/button/button.model.mjs +1 -1
- package/esm2022/lib/elements/card-skeleton-loader/card-skeleton-loader.component.mjs +5 -5
- package/esm2022/lib/elements/covering-image-card/covering-image-card.component.mjs +5 -5
- package/esm2022/lib/elements/editor-service.service.mjs +6 -15
- package/esm2022/lib/elements/heading-element/heading-element.component.mjs +5 -5
- package/esm2022/lib/elements/image-editor/image-editor.component.mjs +5 -5
- package/esm2022/lib/elements/index.mjs +5 -5
- package/esm2022/lib/elements/link-editor/link-editor.component.mjs +5 -5
- package/esm2022/lib/elements/media-selector/media-selector.component.mjs +5 -5
- package/esm2022/lib/elements/navbar-button-element/navbar-button-element.component.mjs +4 -4
- package/esm2022/lib/elements/portfolio/portfolio.component.mjs +5 -5
- package/esm2022/lib/elements/property/property.component.mjs +5 -5
- package/esm2022/lib/elements/simpo-button/simpo-button.component.mjs +5 -5
- package/esm2022/lib/elements/socia-icons/socia-icons.component.mjs +4 -4
- package/esm2022/lib/elements/svg-divider/svg-divider.component.mjs +5 -5
- package/esm2022/lib/elements/text/text.component.mjs +5 -5
- package/esm2022/lib/elements/text-editor/text-editor.component.mjs +5 -5
- package/esm2022/lib/elements/top-of-image-card/top-of-image-card.component.mjs +9 -5
- package/esm2022/lib/pipes/amount.pipe.mjs +4 -4
- package/esm2022/lib/pipes/gender.pipe.mjs +4 -4
- package/esm2022/lib/sections/BaseSection.mjs +1 -1
- package/esm2022/lib/sections/add-new-section/add-new-section.component.mjs +5 -5
- package/esm2022/lib/sections/appointment-form/appointment-form.component.mjs +5 -5
- package/esm2022/lib/sections/appointment-form/appointment-form.model.mjs +1 -1
- package/esm2022/lib/sections/banner-carousel/banner-carousel.component.mjs +5 -5
- package/esm2022/lib/sections/banner-carousel/banner-carousel.model.mjs +1 -1
- package/esm2022/lib/sections/banner-grid-section/banner-grid-section.component.mjs +5 -5
- package/esm2022/lib/sections/banner-section/banner-section.component.mjs +4 -4
- package/esm2022/lib/sections/blog-list/blog-list.component.mjs +6 -6
- package/esm2022/lib/sections/blog-list/blog-list.model.mjs +1 -1
- package/esm2022/lib/sections/carousel-banner/carousel-banner.component.mjs +4 -4
- package/esm2022/lib/sections/choose-us-section/choose-us-section.component.mjs +5 -5
- package/esm2022/lib/sections/choose-us-section/choose-us-section.model.mjs +1 -1
- package/esm2022/lib/sections/contact-us/contact-us.component.mjs +4 -4
- package/esm2022/lib/sections/faq-section/faq-section.component.mjs +5 -5
- package/esm2022/lib/sections/faq-section/faq-section.modal.mjs +1 -1
- package/esm2022/lib/sections/features-section/features-section.component.mjs +5 -5
- package/esm2022/lib/sections/features-section/features-section.model.mjs +1 -1
- package/esm2022/lib/sections/footer/footer.component.mjs +5 -5
- package/esm2022/lib/sections/footer/footer.modal.mjs +1 -1
- package/esm2022/lib/sections/footer-section/footer-section.component.mjs +4 -4
- package/esm2022/lib/sections/header-section/header-section.component.mjs +9 -6
- package/esm2022/lib/sections/header-section/header-section.model.mjs +1 -1
- package/esm2022/lib/sections/header-text/header-text.component.mjs +5 -5
- package/esm2022/lib/sections/header-text/header-text.model.mjs +1 -1
- package/esm2022/lib/sections/image-carousel-section/image-carousel-section.component.mjs +5 -5
- package/esm2022/lib/sections/image-carousel-section/image-carousel.model.mjs +1 -1
- package/esm2022/lib/sections/image-grid-section/image-grid-section.component.mjs +5 -5
- package/esm2022/lib/sections/image-grid-section/image-grid-section.model.mjs +1 -1
- package/esm2022/lib/sections/image-section/image-section.component.mjs +9 -7
- package/esm2022/lib/sections/image-section/image-section.model.mjs +1 -1
- package/esm2022/lib/sections/location-section/location-section.component.mjs +5 -5
- package/esm2022/lib/sections/location-section/location-section.modal.mjs +1 -1
- package/esm2022/lib/sections/logo-gallery/logo-gallery.component.mjs +4 -4
- package/esm2022/lib/sections/logo-showcase/logo-showcase.component.mjs +5 -5
- package/esm2022/lib/sections/logo-showcase/logo-showcase.modal.mjs +1 -1
- package/esm2022/lib/sections/moving-text/moving-text.component.mjs +110 -0
- package/esm2022/lib/sections/moving-text/moving-text.modal.mjs +2 -0
- package/esm2022/lib/sections/navbar-section/navbar-section.component.mjs +4 -4
- package/esm2022/lib/sections/new-services/new-services.component.mjs +5 -5
- package/esm2022/lib/sections/new-services/new-services.model.mjs +1 -1
- package/esm2022/lib/sections/new-testimonials/new-testimonials.component.mjs +5 -5
- package/esm2022/lib/sections/new-testimonials/new-testimonials.model.mjs +1 -1
- package/esm2022/lib/sections/pricing-section/pricing-section.component.mjs +5 -5
- package/esm2022/lib/sections/pricing-section/pricing-section.modal.mjs +1 -1
- package/esm2022/lib/sections/process-modern/process-modern.component.mjs +5 -5
- package/esm2022/lib/sections/process-modern/process-modern.model.mjs +1 -1
- package/esm2022/lib/sections/process-section/process-section.component.mjs +5 -5
- package/esm2022/lib/sections/process-section/process-section.modal.mjs +1 -1
- package/esm2022/lib/sections/property-component/property-component.component.mjs +5 -5
- package/esm2022/lib/sections/property-component/property-component.modal.mjs +1 -1
- package/esm2022/lib/sections/property-list/property-list.component.mjs +5 -5
- package/esm2022/lib/sections/property-list/property-list.modal.mjs +1 -1
- package/esm2022/lib/sections/recent-blog-post-section/recent-blog-post-section.component.mjs +5 -5
- package/esm2022/lib/sections/recent-blog-post-section/recent-blog-post-section.model.mjs +1 -1
- package/esm2022/lib/sections/registration-form/registration-form.component.mjs +6 -13
- package/esm2022/lib/sections/registration-form/registrationForm.model.mjs +1 -1
- package/esm2022/lib/sections/service-section/service-section.component.mjs +5 -5
- package/esm2022/lib/sections/service-section/service-section.model.mjs +1 -1
- package/esm2022/lib/sections/skeleton-loader-section/skeleton-loader-section.component.mjs +5 -5
- package/esm2022/lib/sections/team-member-section/team-member-section.component.mjs +5 -5
- package/esm2022/lib/sections/team-member-section/team-member-section.model.mjs +1 -1
- package/esm2022/lib/sections/testimonial-fullwidth/testimonial-fullwidth.component.mjs +5 -5
- package/esm2022/lib/sections/testimonial-fullwidth/testimonial-fullwidth.model.mjs +1 -1
- package/esm2022/lib/sections/testimonial-section/testimonial-section.component.mjs +5 -5
- package/esm2022/lib/sections/testimonial-section/testimonial-section.model.mjs +1 -1
- package/esm2022/lib/sections/testimonial-video/testimonial-video.component.mjs +5 -5
- package/esm2022/lib/sections/testimonial-video/testimonial-video.model.mjs +1 -1
- package/esm2022/lib/sections/text-image-section/text-image-section.component.mjs +4 -4
- package/esm2022/lib/sections/text-section/text-section.component.mjs +4 -4
- package/esm2022/lib/sections/text-section/text-section.model.mjs +1 -1
- package/esm2022/lib/sections/usp-video-section/usp-video-section.component.mjs +5 -5
- package/esm2022/lib/sections/usp-video-section/usp-video-section.model.mjs +1 -1
- package/esm2022/lib/sections/video-section/video-section.component.mjs +5 -5
- package/esm2022/lib/sections/video-section/video-section.model.mjs +1 -1
- package/esm2022/lib/sections/view-blog/view-blog.component.mjs +5 -5
- package/esm2022/lib/services/cart.service.mjs +4 -4
- package/esm2022/lib/services/endUser.service.mjs +4 -4
- package/esm2022/lib/services/events.service.mjs +5 -4
- package/esm2022/lib/services/image-upload-service.service.mjs +4 -4
- package/esm2022/lib/services/rest.service.mjs +4 -4
- package/esm2022/lib/services/sanitizeHtml.mjs +4 -4
- package/esm2022/lib/services/storage.service.mjs +4 -4
- package/esm2022/lib/styles/index.mjs +7 -1
- package/esm2022/lib/styles/style.model.mjs +1 -1
- package/esm2022/lib/styles/types.mjs +1 -1
- package/esm2022/lib/tokens/api-token.mjs +1 -1
- package/esm2022/public-api.mjs +3 -2
- package/fesm2022/simpo-component-library.mjs +817 -622
- package/fesm2022/simpo-component-library.mjs.map +1 -1
- package/lib/components/payment-details/payment-details.component.d.ts +0 -1
- package/lib/directive/background-directive.d.ts +1 -1
- package/lib/directive/button-directive.directive.d.ts +1 -1
- package/lib/directive/color.directive.d.ts +1 -1
- package/lib/directive/hover-animation.directive.d.ts +19 -0
- package/lib/ecommerce/sections/product-desc/product-desc.component.d.ts +5 -1
- package/lib/elements/editor-service.service.d.ts +1 -4
- package/lib/elements/top-of-image-card/top-of-image-card.component.d.ts +3 -0
- package/lib/sections/banner-carousel/banner-carousel.component.d.ts +1 -1
- package/lib/sections/header-section/header-section.component.d.ts +2 -0
- package/lib/sections/header-section/header-section.model.d.ts +10 -2
- package/lib/sections/moving-text/moving-text.component.d.ts +26 -0
- package/lib/sections/moving-text/moving-text.modal.d.ts +19 -0
- package/lib/sections/pricing-section/pricing-section.component.d.ts +1 -1
- package/lib/sections/service-section/service-section.model.d.ts +3 -1
- package/lib/services/events.service.d.ts +1 -0
- package/lib/styles/index.d.ts +5 -0
- package/lib/styles/style.model.d.ts +5 -1
- package/lib/styles/types.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- package/simpo-component-library-3.6.51.tgz +0 -0
- package/src/lib/styles/global-styles.css +191 -191
- package/esm2022/lib/components/trasport-availability/trasport-availability.component.mjs +0 -36
- package/lib/components/trasport-availability/trasport-availability.component.d.ts +0 -14
- package/simpo-component-library-3.5.52.tgz +0 -0
@@ -1,192 +1,192 @@
|
|
1
|
-
:root {
|
2
|
-
--primary-font-family: 'mulish';
|
3
|
-
--primary-bg-color: linear-gradient(345deg, #230860 0%, #00b6ff 100%);
|
4
|
-
--primary-color: white;
|
5
|
-
}
|
6
|
-
|
7
|
-
.add-section {
|
8
|
-
position: absolute !important;
|
9
|
-
width: 40%;
|
10
|
-
top: 0;
|
11
|
-
left: 0 !important;
|
12
|
-
height: 100vh;
|
13
|
-
background-color: transparent !important;
|
14
|
-
box-shadow: none !important;
|
15
|
-
animation: slideInLeft 0.5s ease-in-out forwards;
|
16
|
-
}
|
17
|
-
|
18
|
-
.add-section.closing {
|
19
|
-
animation: slideOutLeft 0.5 s ease-in-out forwards;
|
20
|
-
}
|
21
|
-
|
22
|
-
@keyframes slideInLeft {
|
23
|
-
from {
|
24
|
-
transform: translateX(-100%);
|
25
|
-
opacity: 0;
|
26
|
-
}
|
27
|
-
|
28
|
-
to {
|
29
|
-
transform: translateX(0);
|
30
|
-
opacity: 1;
|
31
|
-
}
|
32
|
-
}
|
33
|
-
|
34
|
-
@keyframes slideOutLeft {
|
35
|
-
from {
|
36
|
-
transform: translateX(0);
|
37
|
-
opacity: 1;
|
38
|
-
}
|
39
|
-
|
40
|
-
to {
|
41
|
-
transform: translateX(-100%);
|
42
|
-
/* Close to the left side */
|
43
|
-
opacity: 0;
|
44
|
-
}
|
45
|
-
}
|
46
|
-
|
47
|
-
|
48
|
-
@media screen and (min-width: 1280px) {
|
49
|
-
.content-side {
|
50
|
-
h1 {
|
51
|
-
font-size: 72px !important;
|
52
|
-
line-height: 80px !important;
|
53
|
-
}
|
54
|
-
|
55
|
-
h2 {
|
56
|
-
font-size: 48px !important;
|
57
|
-
line-height: 56px !important;
|
58
|
-
}
|
59
|
-
|
60
|
-
h3 {
|
61
|
-
font-size: 32px !important;
|
62
|
-
line-height: 40px !important;
|
63
|
-
}
|
64
|
-
|
65
|
-
h4 {
|
66
|
-
font-size: 24px !important;
|
67
|
-
line-height: 36px !important;
|
68
|
-
}
|
69
|
-
|
70
|
-
h5 {
|
71
|
-
font-size: 18px !important;
|
72
|
-
line-height: 28px !important;
|
73
|
-
}
|
74
|
-
|
75
|
-
p {
|
76
|
-
font-size: 16px !important;
|
77
|
-
line-height: 21px !important;
|
78
|
-
}
|
79
|
-
}
|
80
|
-
|
81
|
-
}
|
82
|
-
|
83
|
-
@media screen and (min-width: 768px) {
|
84
|
-
.content-side {
|
85
|
-
h1 {
|
86
|
-
font-size: 46px;
|
87
|
-
line-height: 54px;
|
88
|
-
}
|
89
|
-
|
90
|
-
h2 {
|
91
|
-
font-size: 35px;
|
92
|
-
line-height: 42px;
|
93
|
-
}
|
94
|
-
|
95
|
-
h3 {
|
96
|
-
font-size: 28px;
|
97
|
-
line-height: 36px;
|
98
|
-
}
|
99
|
-
|
100
|
-
h4 {
|
101
|
-
font-size: 18px;
|
102
|
-
line-height: 26px;
|
103
|
-
}
|
104
|
-
|
105
|
-
h5 {
|
106
|
-
font-size: 16px;
|
107
|
-
line-height: 24px;
|
108
|
-
}
|
109
|
-
|
110
|
-
p {
|
111
|
-
font-size: 14px;
|
112
|
-
line-height: 21px;
|
113
|
-
}
|
114
|
-
}
|
115
|
-
|
116
|
-
}
|
117
|
-
|
118
|
-
.content-side {
|
119
|
-
h1 {
|
120
|
-
font-size: 36px;
|
121
|
-
line-height: 42px;
|
122
|
-
}
|
123
|
-
|
124
|
-
h2 {
|
125
|
-
font-size: 30px;
|
126
|
-
line-height: 36px;
|
127
|
-
}
|
128
|
-
|
129
|
-
h3 {
|
130
|
-
font-size: 24px;
|
131
|
-
line-height: 32px;
|
132
|
-
}
|
133
|
-
|
134
|
-
h4 {
|
135
|
-
font-size: 18px;
|
136
|
-
line-height: 26px;
|
137
|
-
}
|
138
|
-
|
139
|
-
h5 {
|
140
|
-
font-size: 16px;
|
141
|
-
line-height: 24px;
|
142
|
-
}
|
143
|
-
|
144
|
-
p {
|
145
|
-
font-size: 14px;
|
146
|
-
line-height: 21px;
|
147
|
-
}
|
148
|
-
}
|
149
|
-
|
150
|
-
.link-editor {
|
151
|
-
height: 100vh;
|
152
|
-
width: 28vw;
|
153
|
-
position: absolute !important;
|
154
|
-
top: 0;
|
155
|
-
left: 0 !important;
|
156
|
-
animation: slideInLeft 0.5s ease-in-out forwards;
|
157
|
-
}
|
158
|
-
|
159
|
-
@media screen and (max-width : 475px) {
|
160
|
-
.link-editor {
|
161
|
-
width: 100% !important;
|
162
|
-
}
|
163
|
-
|
164
|
-
.link-editor {
|
165
|
-
width: 100% !important;
|
166
|
-
max-width: 100% !important;
|
167
|
-
}
|
168
|
-
|
169
|
-
.media-selector {
|
170
|
-
width: 100% !important;
|
171
|
-
max-width: 100% !important;
|
172
|
-
}
|
173
|
-
|
174
|
-
.add-section{
|
175
|
-
width: 100% !important;
|
176
|
-
max-width: 100% !important;
|
177
|
-
}
|
178
|
-
|
179
|
-
}
|
180
|
-
|
181
|
-
.mat-mdc-form-field-subscript-wrapper {
|
182
|
-
display: none;
|
183
|
-
}
|
184
|
-
|
185
|
-
.media-selector {
|
186
|
-
position: absolute !important;
|
187
|
-
top: 0 !important;
|
188
|
-
left: 0 !important;
|
189
|
-
width: 60%;
|
190
|
-
height: 100vh;
|
191
|
-
animation: slideInLeft 0.5s ease-in-out forwards;
|
1
|
+
:root {
|
2
|
+
--primary-font-family: 'mulish';
|
3
|
+
--primary-bg-color: linear-gradient(345deg, #230860 0%, #00b6ff 100%);
|
4
|
+
--primary-color: white;
|
5
|
+
}
|
6
|
+
|
7
|
+
.add-section {
|
8
|
+
position: absolute !important;
|
9
|
+
width: 40%;
|
10
|
+
top: 0;
|
11
|
+
left: 0 !important;
|
12
|
+
height: 100vh;
|
13
|
+
background-color: transparent !important;
|
14
|
+
box-shadow: none !important;
|
15
|
+
animation: slideInLeft 0.5s ease-in-out forwards;
|
16
|
+
}
|
17
|
+
|
18
|
+
.add-section.closing {
|
19
|
+
animation: slideOutLeft 0.5 s ease-in-out forwards;
|
20
|
+
}
|
21
|
+
|
22
|
+
@keyframes slideInLeft {
|
23
|
+
from {
|
24
|
+
transform: translateX(-100%);
|
25
|
+
opacity: 0;
|
26
|
+
}
|
27
|
+
|
28
|
+
to {
|
29
|
+
transform: translateX(0);
|
30
|
+
opacity: 1;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
@keyframes slideOutLeft {
|
35
|
+
from {
|
36
|
+
transform: translateX(0);
|
37
|
+
opacity: 1;
|
38
|
+
}
|
39
|
+
|
40
|
+
to {
|
41
|
+
transform: translateX(-100%);
|
42
|
+
/* Close to the left side */
|
43
|
+
opacity: 0;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
|
47
|
+
|
48
|
+
@media screen and (min-width: 1280px) {
|
49
|
+
.content-side {
|
50
|
+
h1 {
|
51
|
+
font-size: 72px !important;
|
52
|
+
line-height: 80px !important;
|
53
|
+
}
|
54
|
+
|
55
|
+
h2 {
|
56
|
+
font-size: 48px !important;
|
57
|
+
line-height: 56px !important;
|
58
|
+
}
|
59
|
+
|
60
|
+
h3 {
|
61
|
+
font-size: 32px !important;
|
62
|
+
line-height: 40px !important;
|
63
|
+
}
|
64
|
+
|
65
|
+
h4 {
|
66
|
+
font-size: 24px !important;
|
67
|
+
line-height: 36px !important;
|
68
|
+
}
|
69
|
+
|
70
|
+
h5 {
|
71
|
+
font-size: 18px !important;
|
72
|
+
line-height: 28px !important;
|
73
|
+
}
|
74
|
+
|
75
|
+
p {
|
76
|
+
font-size: 16px !important;
|
77
|
+
line-height: 21px !important;
|
78
|
+
}
|
79
|
+
}
|
80
|
+
|
81
|
+
}
|
82
|
+
|
83
|
+
@media screen and (min-width: 768px) {
|
84
|
+
.content-side {
|
85
|
+
h1 {
|
86
|
+
font-size: 46px;
|
87
|
+
line-height: 54px;
|
88
|
+
}
|
89
|
+
|
90
|
+
h2 {
|
91
|
+
font-size: 35px;
|
92
|
+
line-height: 42px;
|
93
|
+
}
|
94
|
+
|
95
|
+
h3 {
|
96
|
+
font-size: 28px;
|
97
|
+
line-height: 36px;
|
98
|
+
}
|
99
|
+
|
100
|
+
h4 {
|
101
|
+
font-size: 18px;
|
102
|
+
line-height: 26px;
|
103
|
+
}
|
104
|
+
|
105
|
+
h5 {
|
106
|
+
font-size: 16px;
|
107
|
+
line-height: 24px;
|
108
|
+
}
|
109
|
+
|
110
|
+
p {
|
111
|
+
font-size: 14px;
|
112
|
+
line-height: 21px;
|
113
|
+
}
|
114
|
+
}
|
115
|
+
|
116
|
+
}
|
117
|
+
|
118
|
+
.content-side {
|
119
|
+
h1 {
|
120
|
+
font-size: 36px;
|
121
|
+
line-height: 42px;
|
122
|
+
}
|
123
|
+
|
124
|
+
h2 {
|
125
|
+
font-size: 30px;
|
126
|
+
line-height: 36px;
|
127
|
+
}
|
128
|
+
|
129
|
+
h3 {
|
130
|
+
font-size: 24px;
|
131
|
+
line-height: 32px;
|
132
|
+
}
|
133
|
+
|
134
|
+
h4 {
|
135
|
+
font-size: 18px;
|
136
|
+
line-height: 26px;
|
137
|
+
}
|
138
|
+
|
139
|
+
h5 {
|
140
|
+
font-size: 16px;
|
141
|
+
line-height: 24px;
|
142
|
+
}
|
143
|
+
|
144
|
+
p {
|
145
|
+
font-size: 14px;
|
146
|
+
line-height: 21px;
|
147
|
+
}
|
148
|
+
}
|
149
|
+
|
150
|
+
.link-editor {
|
151
|
+
height: 100vh;
|
152
|
+
width: 28vw;
|
153
|
+
position: absolute !important;
|
154
|
+
top: 0;
|
155
|
+
left: 0 !important;
|
156
|
+
animation: slideInLeft 0.5s ease-in-out forwards;
|
157
|
+
}
|
158
|
+
|
159
|
+
@media screen and (max-width : 475px) {
|
160
|
+
.link-editor {
|
161
|
+
width: 100% !important;
|
162
|
+
}
|
163
|
+
|
164
|
+
.link-editor {
|
165
|
+
width: 100% !important;
|
166
|
+
max-width: 100% !important;
|
167
|
+
}
|
168
|
+
|
169
|
+
.media-selector {
|
170
|
+
width: 100% !important;
|
171
|
+
max-width: 100% !important;
|
172
|
+
}
|
173
|
+
|
174
|
+
.add-section{
|
175
|
+
width: 100% !important;
|
176
|
+
max-width: 100% !important;
|
177
|
+
}
|
178
|
+
|
179
|
+
}
|
180
|
+
|
181
|
+
.mat-mdc-form-field-subscript-wrapper {
|
182
|
+
display: none;
|
183
|
+
}
|
184
|
+
|
185
|
+
.media-selector {
|
186
|
+
position: absolute !important;
|
187
|
+
top: 0 !important;
|
188
|
+
left: 0 !important;
|
189
|
+
width: 60%;
|
190
|
+
height: 100vh;
|
191
|
+
animation: slideInLeft 0.5s ease-in-out forwards;
|
192
192
|
}
|
@@ -1,36 +0,0 @@
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
2
|
-
import { Component, Inject, Optional } from '@angular/core';
|
3
|
-
import { FormsModule } from '@angular/forms';
|
4
|
-
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
|
5
|
-
import * as i0 from "@angular/core";
|
6
|
-
import * as i1 from "@angular/material/dialog";
|
7
|
-
import * as i2 from "@angular/material/snack-bar";
|
8
|
-
export class TrasportAvailabilityComponent {
|
9
|
-
constructor(dialogRef, data, snackBar) {
|
10
|
-
this.dialogRef = dialogRef;
|
11
|
-
this.data = data;
|
12
|
-
this.snackBar = snackBar;
|
13
|
-
}
|
14
|
-
ngOnInit() {
|
15
|
-
}
|
16
|
-
close() {
|
17
|
-
this.dialogRef.close({ data: null });
|
18
|
-
}
|
19
|
-
sendRequest() {
|
20
|
-
this.data.data.transportRequest = true;
|
21
|
-
this.snackBar.open('Our support team will get back to you...!', 'Ok');
|
22
|
-
this.close();
|
23
|
-
}
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TrasportAvailabilityComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA, optional: true }, { token: i2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TrasportAvailabilityComponent, isStandalone: true, selector: "simpo-trasport-availability", ngImport: i0, template: "<section class=\"total_popup_sec h-100 w-100 d-flex justify-content-around flex-column\">\r\n <div class=\"top_layer\">\r\n <div class=\"layer_title text-center\">\r\n Transport Full for Selected Option\r\n </div>\r\n <div class=\"layer_description mt-2 text-center\">\r\n Would you like to request the school to check seat availability or arrange transport for this stop and\u00A0vehicle\u00A0type?\r\n </div>\r\n </div>\r\n <div class=\"footer_layer d-flex gap-2 align-items-center justify-content-end mt-2\">\r\n <button class=\"send_request\" (click)=\"sendRequest()\">Send Request</button>\r\n <button class=\"cancel\" (click)=\"close()\">Cancel</button>\r\n </div>\r\n</section>", styles: [".total_popup_sec{padding:15px}.send_request{font-size:14px;font-family:var(--primary-font-family);font-weight:500;background-color:var(--primary-button-color);border:none;outline:none;width:max-content;border-radius:8px;padding:8px 20px}.cancel{font-size:14px;font-family:var(--primary-font-family);font-weight:500;background-color:transparent;border:1px solid var(--primary-button-color);outline:none;width:max-content;border-radius:8px;padding:8px 20px}.layer_title{font-size:15px;font-family:var(--primary-font-family);color:#000;font-weight:100500}.layer_description{font-size:13px;font-family:var(--primary-font-family);color:#625f5f;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] }); }
|
26
|
-
}
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TrasportAvailabilityComponent, decorators: [{
|
28
|
-
type: Component,
|
29
|
-
args: [{ selector: 'simpo-trasport-availability', standalone: true, imports: [CommonModule, FormsModule], template: "<section class=\"total_popup_sec h-100 w-100 d-flex justify-content-around flex-column\">\r\n <div class=\"top_layer\">\r\n <div class=\"layer_title text-center\">\r\n Transport Full for Selected Option\r\n </div>\r\n <div class=\"layer_description mt-2 text-center\">\r\n Would you like to request the school to check seat availability or arrange transport for this stop and\u00A0vehicle\u00A0type?\r\n </div>\r\n </div>\r\n <div class=\"footer_layer d-flex gap-2 align-items-center justify-content-end mt-2\">\r\n <button class=\"send_request\" (click)=\"sendRequest()\">Send Request</button>\r\n <button class=\"cancel\" (click)=\"close()\">Cancel</button>\r\n </div>\r\n</section>", styles: [".total_popup_sec{padding:15px}.send_request{font-size:14px;font-family:var(--primary-font-family);font-weight:500;background-color:var(--primary-button-color);border:none;outline:none;width:max-content;border-radius:8px;padding:8px 20px}.cancel{font-size:14px;font-family:var(--primary-font-family);font-weight:500;background-color:transparent;border:1px solid var(--primary-button-color);outline:none;width:max-content;border-radius:8px;padding:8px 20px}.layer_title{font-size:15px;font-family:var(--primary-font-family);color:#000;font-weight:100500}.layer_description{font-size:13px;font-family:var(--primary-font-family);color:#625f5f;font-weight:500}\n"] }]
|
30
|
-
}], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
31
|
-
type: Optional
|
32
|
-
}, {
|
33
|
-
type: Inject,
|
34
|
-
args: [MAT_DIALOG_DATA]
|
35
|
-
}] }, { type: i2.MatSnackBar }] });
|
36
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhc3BvcnQtYXZhaWxhYmlsaXR5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvY29tcG9uZW50cy90cmFzcG9ydC1hdmFpbGFiaWxpdHkvdHJhc3BvcnQtYXZhaWxhYmlsaXR5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvY29tcG9uZW50cy90cmFzcG9ydC1hdmFpbGFiaWxpdHkvdHJhc3BvcnQtYXZhaWxhYmlsaXR5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxlQUFlLEVBQWdCLE1BQU0sMEJBQTBCLENBQUM7Ozs7QUFXekUsTUFBTSxPQUFPLDZCQUE2QjtJQUd4QyxZQUNTLFNBQXNELEVBQ2pCLElBQVMsRUFDN0MsUUFBc0I7UUFGdkIsY0FBUyxHQUFULFNBQVMsQ0FBNkM7UUFDakIsU0FBSSxHQUFKLElBQUksQ0FBSztRQUM3QyxhQUFRLEdBQVIsUUFBUSxDQUFjO0lBQzlCLENBQUM7SUFFSCxRQUFRO0lBQ1IsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFDLElBQUksRUFBQyxJQUFJLEVBQUMsQ0FBQyxDQUFBO0lBQ25DLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUNoQiwyQ0FBMkMsRUFDM0MsSUFBSSxDQUNMLENBQUE7UUFDRCxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUE7SUFDZCxDQUFDOytHQXZCVSw2QkFBNkIsOENBS2xCLGVBQWU7bUdBTDFCLDZCQUE2Qix1RkNkMUMsMHZCQWFVLDBzQkRIRSxZQUFZLDhCQUFFLFdBQVc7OzRGQUl4Qiw2QkFBNkI7a0JBUHpDLFNBQVM7K0JBQ0UsNkJBQTZCLGNBQzNCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7OzBCQVNqQyxRQUFROzswQkFBSSxNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE1BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBNYXRTbmFja0JhciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NuYWNrLWJhcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NpbXBvLXRyYXNwb3J0LWF2YWlsYWJpbGl0eScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RyYXNwb3J0LWF2YWlsYWJpbGl0eS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3RyYXNwb3J0LWF2YWlsYWJpbGl0eS5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgVHJhc3BvcnRBdmFpbGFiaWxpdHlDb21wb25lbnQge1xyXG5cclxuICBcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxUcmFzcG9ydEF2YWlsYWJpbGl0eUNvbXBvbmVudD4sXHJcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IGFueSxcclxuICAgIHByaXZhdGUgc25hY2tCYXIgOiBNYXRTbmFja0JhclxyXG4gICl7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHsgICAgXHJcbiAgfVxyXG5cclxuICBjbG9zZSgpe1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2Uoe2RhdGE6bnVsbH0pXHJcbiAgfVxyXG5cclxuICBzZW5kUmVxdWVzdCgpe1xyXG4gICAgdGhpcy5kYXRhLmRhdGEudHJhbnNwb3J0UmVxdWVzdCA9IHRydWU7XHJcbiAgICB0aGlzLnNuYWNrQmFyLm9wZW4oXHJcbiAgICAgICdPdXIgc3VwcG9ydCB0ZWFtIHdpbGwgZ2V0IGJhY2sgdG8geW91Li4uIScsXHJcbiAgICAgICdPaydcclxuICAgIClcclxuICAgIHRoaXMuY2xvc2UoKVxyXG4gIH1cclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cInRvdGFsX3BvcHVwX3NlYyBoLTEwMCB3LTEwMCBkLWZsZXgganVzdGlmeS1jb250ZW50LWFyb3VuZCBmbGV4LWNvbHVtblwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInRvcF9sYXllclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsYXllcl90aXRsZSB0ZXh0LWNlbnRlclwiPlxyXG4gICAgICAgICAgICBUcmFuc3BvcnQgRnVsbCBmb3IgU2VsZWN0ZWQgT3B0aW9uXHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImxheWVyX2Rlc2NyaXB0aW9uIG10LTIgdGV4dC1jZW50ZXJcIj5cclxuICAgICAgICAgICAgV291bGQgeW91IGxpa2UgdG8gcmVxdWVzdCB0aGUgc2Nob29sIHRvIGNoZWNrIHNlYXQgYXZhaWxhYmlsaXR5IG9yIGFycmFuZ2UgdHJhbnNwb3J0IGZvciB0aGlzIHN0b3AgYW5kwqB2ZWhpY2xlwqB0eXBlP1xyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyX2xheWVyIGQtZmxleCBnYXAtMiBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWVuZCBtdC0yXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInNlbmRfcmVxdWVzdFwiIChjbGljayk9XCJzZW5kUmVxdWVzdCgpXCI+U2VuZCBSZXF1ZXN0PC9idXR0b24+XHJcbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImNhbmNlbFwiIChjbGljayk9XCJjbG9zZSgpXCI+Q2FuY2VsPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuPC9zZWN0aW9uPiJdfQ==
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import { MatDialogRef } from '@angular/material/dialog';
|
2
|
-
import { MatSnackBar } from '@angular/material/snack-bar';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export declare class TrasportAvailabilityComponent {
|
5
|
-
dialogRef: MatDialogRef<TrasportAvailabilityComponent>;
|
6
|
-
data: any;
|
7
|
-
private snackBar;
|
8
|
-
constructor(dialogRef: MatDialogRef<TrasportAvailabilityComponent>, data: any, snackBar: MatSnackBar);
|
9
|
-
ngOnInit(): void;
|
10
|
-
close(): void;
|
11
|
-
sendRequest(): void;
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TrasportAvailabilityComponent, [null, { optional: true; }, null]>;
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TrasportAvailabilityComponent, "simpo-trasport-availability", never, {}, {}, never, never, true, never>;
|
14
|
-
}
|
Binary file
|