diff --git a/dist/alkomprar/css/servicio.css b/dist/alkomprar/css/servicio.css index 875bb89..f692e10 100644 --- a/dist/alkomprar/css/servicio.css +++ b/dist/alkomprar/css/servicio.css @@ -1 +1 @@ -/*! service-centers - v1.1.6 */@import url(https://cdn.jsdelivr.net/gh/ux-alkosto/icons/style.min.css);.custom-select__label,.custom-select__options,.custom-select__value,.service-centers__menu__item label{background-color:var(--service-centers-white)}:root{--service-centers-font-family:Arial,Helvetica,sans-serif;--service-centers-first-color:#004797;--service-centers-second-color:#EB5B25;--service-centers-third-color:#004797;--service-centers-fourth-color:#B14B25;--service-centers-black:#000;--service-centers-gray-1:#F5F5F5;--service-centers-gray-2:#e0e0e0;--service-centers-gray-3:#D5D5D5;--service-centers-gray-4:#959595;--service-centers-gray-5:#373435;--service-centers-gray-6:#5C5C5C;--service-centers-white:#FFF;--service-centers-breakpoint:980px;--service-centers-icon-color:#EB5B25;--service-centers-color-arrow-down:#004797;--service-centers-bg-message:rgba(0,71,151,0.12);--service-centers-border-color-message:rgba(0,71,151,0.08)}.custom-select__arrow,.custom-select__container,.custom-select__label,.custom-select__option,.custom-select__options,.custom-select__value,.service-centers *{-webkit-box-sizing:border-box;box-sizing:border-box}.custom-select__arrow{border-left:1px solid var(--service-centers-gray-6);bottom:8px;color:var(--service-centers-color-arrow-down);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:24px;position:absolute;right:0;top:8px;width:38px}.custom-select__container{border-radius:4px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:0;position:relative;width:100%}.custom-select__container.disabled>.custom-select__arrow{border-left:1px solid var(--service-centers-gray-2);color:var(--service-centers-gray-2)}#service-centers-map,.custom-select__container.disabled>.custom-select__label,.service-centers__map{display:none}.custom-select__container.disabled>.custom-select__value{color:var(--service-centers-gray-2);cursor:not-allowed}.custom-select__container.disabled>.custom-select__value:hover{-webkit-box-shadow:none;box-shadow:none}.custom-select__container:focus{outline:0}.custom-select__container:focus:not(.disabled)>.custom-select__value{border:1px solid var(--service-centers-third-color);-webkit-box-shadow:0 0 4px rgba(0,71,151,.4);box-shadow:0 0 4px rgba(0,71,151,.4)}.custom-select__label{color:var(--service-centers-gray-5);font-size:11px;left:.5em;padding:0 .5em;position:absolute;top:-7px}.custom-select__option,.custom-select__value{color:var(--service-centers-gray-4);cursor:pointer}.custom-select__option{font-size:14px;padding:.25em .5em;line-height:32px}.custom-select__option:hover{background-color:var(--service-centers-gray-1)}.custom-select__option[data-value="0"]{cursor:not-allowed}.custom-select__options{display:none;border-radius:0 0 4px 4px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.3);box-shadow:0 4px 4px rgba(0,0,0,.3);left:.25em;list-style:none;margin:0;max-height:300px;padding:0;position:absolute;top:calc(100% - .25em);width:calc(100% - .5em);z-index:1;overflow-x:hidden;overflow-y:auto}.custom-select__options::-webkit-scrollbar{width:8px}.custom-select__options::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.custom-select__options.show{display:block}.custom-select__value{border:1px solid var(--service-centers-gray-2);border-radius:4px;font-size:16px;height:40px;line-height:22px;outline:0;overflow:hidden;padding:8px 52px 8px 16px;text-overflow:ellipsis;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;width:-webkit-fill-available}.custom-select__value[data-status=filled]{border:1px solid var(--service-centers-third-color);color:var(--service-centers-gray-5)}.custom-select__value:hover{-webkit-box-shadow:0 0 4px rgba(92,92,92,.4);box-shadow:0 0 4px rgba(92,92,92,.4)}#service-centers-map button.gm-ui-hover-effect{display:none!important}.service-centers{font-family:var(--service-centers-font-family);padding:0 16px;overflow:hidden}.service-centers__container{display:grid;grid-template-areas:"sidebar";grid-template-columns:1fr;margin-bottom:60px;min-height:390px;width:100%}.service-centers__filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:40px 0}.service-centers__filters [class*=service-centers__filters]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:10px 0}.service-centers__map__info-window{font-family:var(--service-centers-font-family);padding-right:16px}.service-centers__map__info-window h4{color:var(--service-centers-first-color);margin:0 0 8px;font-size:16px;font-weight:600}.service-centers__map__info-window strong{color:var(--service-centers-gray-5);line-height:26px}.service-centers__map__info-window p{font-weight:500;margin:0 0 8px}.service-centers__map__info-window p a{color:var(--service-centers-second-color);text-decoration:underline}.service-centers__map__info-window p i{color:var(--service-centers-second-color);font-weight:600;margin-right:3px}.service-centers__map__info-window__close{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:8px}.service-centers__map__info-window__close span{color:var(--service-centers-first-color);font-size:20px;pointer-events:none}.service-centers__menu{grid-area:sidebar;position:relative}.service-centers__menu__item{overflow:hidden;width:100%}.service-centers__menu__item__body{background:var(--service-centers-gray-1);background:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff));background:linear-gradient(0deg,#f5f5f5 0,#fff 100%);color:var(--service-centers-gray-5);height:0;max-height:0;padding:0;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}.service-centers__menu__item__body .address,.service-centers__menu__item__body .cell,.service-centers__menu__item__body .contact-phones,.service-centers__menu__item__body .email,.service-centers__menu__item__body .how-to-get,.service-centers__menu__item__body .message,.service-centers__menu__item__body .phone,.service-centers__menu__item__body .schedule{display:-webkit-box;display:-ms-flexbox;display:flex}.service-centers__menu__item__body .contact-phones{gap:1em;margin-bottom:16px}@media screen and (max-width:980px){.service-centers__menu__item__body .contact-phones{-ms-flex-wrap:wrap;flex-wrap:wrap}}.service-centers__menu__item__body .contact-phones>*{width:100%}.service-centers__menu__item__body .address a,.service-centers__menu__item__body .cell a,.service-centers__menu__item__body .email a,.service-centers__menu__item__body .how-to-get a,.service-centers__menu__item__body .phone a,.service-centers__menu__item__body .schedule a{color:var(--service-centers-second-color);display:inline-block;line-height:26px;margin-right:8px;text-decoration:underline}.service-centers__menu__item__body .address p,.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .email p,.service-centers__menu__item__body .how-to-get p,.service-centers__menu__item__body .phone p,.service-centers__menu__item__body .schedule p{font-size:14px;margin:0 0 1em}.service-centers__menu__item__body .address p:first-child,.service-centers__menu__item__body .cell p:first-child,.service-centers__menu__item__body .email p:first-child,.service-centers__menu__item__body .how-to-get p:first-child,.service-centers__menu__item__body .phone p:first-child,.service-centers__menu__item__body .schedule p:first-child{padding-left:0}.service-centers__menu__item__body .address p:not(:last-child),.service-centers__menu__item__body .cell p:not(:last-child),.service-centers__menu__item__body .email p:not(:last-child),.service-centers__menu__item__body .how-to-get p:not(:last-child),.service-centers__menu__item__body .phone p:not(:last-child),.service-centers__menu__item__body .schedule p:not(:last-child){border-right:solid thin var(--service-centers-gray-2)}.service-centers__menu__item__body .address p i,.service-centers__menu__item__body .cell p i,.service-centers__menu__item__body .email p i,.service-centers__menu__item__body .how-to-get p i,.service-centers__menu__item__body .phone p i,.service-centers__menu__item__body .schedule p i{color:var(--service-centers-second-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .address p>strong,.service-centers__menu__item__body .cell p>strong,.service-centers__menu__item__body .email p>strong,.service-centers__menu__item__body .how-to-get p>strong,.service-centers__menu__item__body .phone p>strong,.service-centers__menu__item__body .schedule p>strong{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0}.service-centers__menu__item__body .address p>strong i,.service-centers__menu__item__body .cell p>strong i,.service-centers__menu__item__body .email p>strong i,.service-centers__menu__item__body .how-to-get p>strong i,.service-centers__menu__item__body .phone p>strong i,.service-centers__menu__item__body .schedule p>strong i{color:var(--service-centers-icon-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .phone p{margin:0}.service-centers__menu__item__body .message{background-color:var(--service-centers-bg-message);border:1px solid var(--service-centers-border-color-message);margin-bottom:1em;padding:.5em}.service-centers__menu__item__body .message a{color:var(--service-centers-second-color)}.service-centers__menu__item__body .message p{color:var(--service-centers-first-color);font-size:12px;margin:0}.service-centers__menu__item__body .schedule span{display:block;line-height:26px;margin-right:8px}.service-centers__menu__item input{opacity:0;position:absolute;z-index:-1}.service-centers__menu__item input:checked~.service-centers__menu__item__body{height:auto;margin:.5em 0 0;max-height:100vh;padding:1em}.service-centers__menu__item label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--service-centers-gray-3);color:var(--service-centers-first-color);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:26px;padding:.5em;position:relative;text-transform:uppercase}.service-centers__menu__item label>span{bottom:0;font-size:22px;line-height:32px;width:24px}.service-centers__title{color:var(--service-centers-gray-5);font-size:32px;font-weight:700}.msje-localiza{color:var(--service-centers-gray-5);display:none;font-size:14px;font-weight:500;margin:30px 0}@media screen and (min-width:980px){#service-centers-map{display:block;height:100%;width:100%}.service-centers{padding:0 50px}.service-centers__container{grid-template-areas:"sidebar _ map";grid-template-columns:minmax(auto,465px) 28px minmax(50%,auto)}.service-centers__filters{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.service-centers__filters [class*=service-centers__filters]{margin:10px}.service-centers__map{border:1px solid var(--service-centers-gray-2);grid-area:map;height:390px}.service-centers__menu{max-height:390px;overflow-x:hidden;overflow-y:auto}.service-centers__menu::-webkit-scrollbar{width:8px}.service-centers__menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.service-centers__menu__item__body .contact-phones>*{width:55%}.service-centers__menu__item__body .contact-phones>*~*{width:45%}.msje-localiza{display:block}} \ No newline at end of file +/*! service-centers - v1.1.7 */@import url(https://cdn.jsdelivr.net/gh/ux-alkosto/icons/style.min.css);.service-centers__map__info-window p a,.service-centers__menu__item__body .message a{color:var(--service-centers-second-color);text-decoration:underline}.custom-select__label,.custom-select__options,.custom-select__value,.service-centers__menu__item label{background-color:var(--service-centers-white)}:root{--service-centers-font-family:Arial,Helvetica,sans-serif;--service-centers-first-color:#004797;--service-centers-second-color:#EB5B25;--service-centers-third-color:#004797;--service-centers-fourth-color:#B14B25;--service-centers-black:#000;--service-centers-gray-1:#F5F5F5;--service-centers-gray-2:#e0e0e0;--service-centers-gray-3:#D5D5D5;--service-centers-gray-4:#959595;--service-centers-gray-5:#373435;--service-centers-gray-6:#5C5C5C;--service-centers-white:#FFF;--service-centers-breakpoint:980px;--service-centers-icon-color:#EB5B25;--service-centers-color-arrow-down:#004797;--service-centers-bg-message:rgba(0,71,151,0.12);--service-centers-border-color-message:rgba(0,71,151,0.08)}.custom-select__arrow,.custom-select__container,.custom-select__label,.custom-select__option,.custom-select__options,.custom-select__value,.service-centers *{-webkit-box-sizing:border-box;box-sizing:border-box}.custom-select__arrow{border-left:1px solid var(--service-centers-gray-6);bottom:8px;color:var(--service-centers-color-arrow-down);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:24px;position:absolute;right:0;top:8px;width:38px}.custom-select__container{border-radius:4px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:0;position:relative;width:100%}.custom-select__container.disabled>.custom-select__arrow{border-left:1px solid var(--service-centers-gray-2);color:var(--service-centers-gray-2)}#service-centers-map,.custom-select__container.disabled>.custom-select__label,.service-centers__map{display:none}.custom-select__container.disabled>.custom-select__value{color:var(--service-centers-gray-2);cursor:not-allowed}.custom-select__container.disabled>.custom-select__value:hover{-webkit-box-shadow:none;box-shadow:none}.custom-select__container:focus{outline:0}.custom-select__container:focus:not(.disabled)>.custom-select__value{border:1px solid var(--service-centers-third-color);-webkit-box-shadow:0 0 4px rgba(0,71,151,.4);box-shadow:0 0 4px rgba(0,71,151,.4)}.custom-select__label{color:var(--service-centers-gray-5);font-size:11px;left:.5em;padding:0 .5em;position:absolute;top:-7px}.custom-select__option,.custom-select__value{color:var(--service-centers-gray-4);cursor:pointer}.custom-select__option{font-size:14px;padding:.25em .5em;line-height:32px}.custom-select__option:hover{background-color:var(--service-centers-gray-1)}.custom-select__option[data-value="0"]{cursor:not-allowed}.custom-select__options{display:none;border-radius:0 0 4px 4px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.3);box-shadow:0 4px 4px rgba(0,0,0,.3);left:.25em;list-style:none;margin:0;max-height:300px;padding:0;position:absolute;top:calc(100% - .25em);width:calc(100% - .5em);z-index:1;overflow-x:hidden;overflow-y:auto}.custom-select__options::-webkit-scrollbar{width:8px}.custom-select__options::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.custom-select__options.show{display:block}.custom-select__value{border:1px solid var(--service-centers-gray-2);border-radius:4px;font-size:16px;height:40px;line-height:22px;outline:0;overflow:hidden;padding:8px 52px 8px 16px;text-overflow:ellipsis;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;width:-webkit-fill-available}.custom-select__value[data-status=filled]{border:1px solid var(--service-centers-third-color);color:var(--service-centers-gray-5)}.custom-select__value:hover{-webkit-box-shadow:0 0 4px rgba(92,92,92,.4);box-shadow:0 0 4px rgba(92,92,92,.4)}#service-centers-map button.gm-ui-hover-effect{display:none!important}.service-centers{font-family:var(--service-centers-font-family);padding:0 16px;overflow:hidden}.service-centers__container{display:grid;grid-template-areas:"sidebar";grid-template-columns:1fr;margin-bottom:60px;min-height:390px;width:100%}.service-centers__filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:40px 0}.service-centers__filters [class*=service-centers__filters]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:10px 0}.service-centers__map__info-window{font-family:var(--service-centers-font-family);padding-right:16px}.service-centers__map__info-window h4{color:var(--service-centers-first-color);margin:0 0 8px;font-size:16px;font-weight:600}.service-centers__map__info-window strong{color:var(--service-centers-gray-5);line-height:26px}.service-centers__map__info-window p{font-weight:500;margin:0 0 8px}.service-centers__map__info-window p i{color:var(--service-centers-second-color);font-weight:600;margin-right:3px}.service-centers__map__info-window__close{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:8px}.service-centers__map__info-window__close span{color:var(--service-centers-first-color);font-size:20px;pointer-events:none}.service-centers__menu{grid-area:sidebar;position:relative}.service-centers__menu__item{overflow:hidden;width:100%}.service-centers__menu__item__body{background:var(--service-centers-gray-1);background:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff));background:linear-gradient(0deg,#f5f5f5 0,#fff 100%);color:var(--service-centers-gray-5);height:0;max-height:0;padding:0;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}.service-centers__menu__item__body .address,.service-centers__menu__item__body .cell,.service-centers__menu__item__body .contact-phones,.service-centers__menu__item__body .email,.service-centers__menu__item__body .how-to-get,.service-centers__menu__item__body .message,.service-centers__menu__item__body .phone,.service-centers__menu__item__body .schedule{display:-webkit-box;display:-ms-flexbox;display:flex}.service-centers__menu__item__body .contact-phones{gap:1em;margin-bottom:16px}@media screen and (max-width:980px){.service-centers__menu__item__body .contact-phones{-ms-flex-wrap:wrap;flex-wrap:wrap}}.service-centers__menu__item__body .contact-phones>*{width:100%}.service-centers__menu__item__body .address a,.service-centers__menu__item__body .cell a,.service-centers__menu__item__body .email a,.service-centers__menu__item__body .how-to-get a,.service-centers__menu__item__body .phone a,.service-centers__menu__item__body .schedule a{color:var(--service-centers-second-color);display:inline-block;line-height:26px;margin-right:8px;text-decoration:underline}.service-centers__menu__item__body .address p,.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .email p,.service-centers__menu__item__body .how-to-get p,.service-centers__menu__item__body .phone p,.service-centers__menu__item__body .schedule p{font-size:14px;margin:0 0 1em}.service-centers__menu__item__body .address p:first-child,.service-centers__menu__item__body .cell p:first-child,.service-centers__menu__item__body .email p:first-child,.service-centers__menu__item__body .how-to-get p:first-child,.service-centers__menu__item__body .phone p:first-child,.service-centers__menu__item__body .schedule p:first-child{padding-left:0}.service-centers__menu__item__body .address p:not(:last-child),.service-centers__menu__item__body .cell p:not(:last-child),.service-centers__menu__item__body .email p:not(:last-child),.service-centers__menu__item__body .how-to-get p:not(:last-child),.service-centers__menu__item__body .phone p:not(:last-child),.service-centers__menu__item__body .schedule p:not(:last-child){border-right:solid thin var(--service-centers-gray-2)}.service-centers__menu__item__body .address p i,.service-centers__menu__item__body .cell p i,.service-centers__menu__item__body .email p i,.service-centers__menu__item__body .how-to-get p i,.service-centers__menu__item__body .phone p i,.service-centers__menu__item__body .schedule p i{color:var(--service-centers-second-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .address p>strong,.service-centers__menu__item__body .cell p>strong,.service-centers__menu__item__body .email p>strong,.service-centers__menu__item__body .how-to-get p>strong,.service-centers__menu__item__body .phone p>strong,.service-centers__menu__item__body .schedule p>strong{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0}.service-centers__menu__item__body .address p>strong i,.service-centers__menu__item__body .cell p>strong i,.service-centers__menu__item__body .email p>strong i,.service-centers__menu__item__body .how-to-get p>strong i,.service-centers__menu__item__body .phone p>strong i,.service-centers__menu__item__body .schedule p>strong i{color:var(--service-centers-icon-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .phone p{margin:0}.service-centers__menu__item__body .message{background-color:var(--service-centers-bg-message);border:1px solid var(--service-centers-border-color-message);margin-bottom:1em;padding:.5em}.service-centers__menu__item__body .message p{color:var(--service-centers-first-color);font-size:12px;margin:0}.service-centers__menu__item__body .schedule span{display:block;line-height:26px;margin-right:8px}.service-centers__menu__item input{opacity:0;position:absolute;z-index:-1}.service-centers__menu__item input:checked~.service-centers__menu__item__body{height:auto;margin:.5em 0 0;max-height:100vh;padding:1em}.service-centers__menu__item label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--service-centers-gray-3);color:var(--service-centers-first-color);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:26px;padding:.5em;position:relative;text-transform:uppercase}.service-centers__menu__item label>span{bottom:0;font-size:22px;line-height:32px;width:24px}.service-centers__title{color:var(--service-centers-gray-5);font-size:32px;font-weight:700}.msje-localiza{color:var(--service-centers-gray-5);display:none;font-size:14px;font-weight:500;margin:30px 0}@media screen and (min-width:980px){#service-centers-map{display:block;height:100%;width:100%}.service-centers{padding:0 50px}.service-centers__container{grid-template-areas:"sidebar _ map";grid-template-columns:minmax(auto,465px) 28px minmax(50%,auto)}.service-centers__filters{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.service-centers__filters [class*=service-centers__filters]{margin:10px}.service-centers__map{border:1px solid var(--service-centers-gray-2);grid-area:map;height:390px}.service-centers__menu{max-height:390px;overflow-x:hidden;overflow-y:auto}.service-centers__menu::-webkit-scrollbar{width:8px}.service-centers__menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.service-centers__menu__item__body .contact-phones>*{width:55%}.service-centers__menu__item__body .contact-phones>*~*{width:45%}.msje-localiza{display:block}} \ No newline at end of file diff --git a/dist/alkosto/css/servicio.css b/dist/alkosto/css/servicio.css index 875bb89..f692e10 100644 --- a/dist/alkosto/css/servicio.css +++ b/dist/alkosto/css/servicio.css @@ -1 +1 @@ -/*! service-centers - v1.1.6 */@import url(https://cdn.jsdelivr.net/gh/ux-alkosto/icons/style.min.css);.custom-select__label,.custom-select__options,.custom-select__value,.service-centers__menu__item label{background-color:var(--service-centers-white)}:root{--service-centers-font-family:Arial,Helvetica,sans-serif;--service-centers-first-color:#004797;--service-centers-second-color:#EB5B25;--service-centers-third-color:#004797;--service-centers-fourth-color:#B14B25;--service-centers-black:#000;--service-centers-gray-1:#F5F5F5;--service-centers-gray-2:#e0e0e0;--service-centers-gray-3:#D5D5D5;--service-centers-gray-4:#959595;--service-centers-gray-5:#373435;--service-centers-gray-6:#5C5C5C;--service-centers-white:#FFF;--service-centers-breakpoint:980px;--service-centers-icon-color:#EB5B25;--service-centers-color-arrow-down:#004797;--service-centers-bg-message:rgba(0,71,151,0.12);--service-centers-border-color-message:rgba(0,71,151,0.08)}.custom-select__arrow,.custom-select__container,.custom-select__label,.custom-select__option,.custom-select__options,.custom-select__value,.service-centers *{-webkit-box-sizing:border-box;box-sizing:border-box}.custom-select__arrow{border-left:1px solid var(--service-centers-gray-6);bottom:8px;color:var(--service-centers-color-arrow-down);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:24px;position:absolute;right:0;top:8px;width:38px}.custom-select__container{border-radius:4px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:0;position:relative;width:100%}.custom-select__container.disabled>.custom-select__arrow{border-left:1px solid var(--service-centers-gray-2);color:var(--service-centers-gray-2)}#service-centers-map,.custom-select__container.disabled>.custom-select__label,.service-centers__map{display:none}.custom-select__container.disabled>.custom-select__value{color:var(--service-centers-gray-2);cursor:not-allowed}.custom-select__container.disabled>.custom-select__value:hover{-webkit-box-shadow:none;box-shadow:none}.custom-select__container:focus{outline:0}.custom-select__container:focus:not(.disabled)>.custom-select__value{border:1px solid var(--service-centers-third-color);-webkit-box-shadow:0 0 4px rgba(0,71,151,.4);box-shadow:0 0 4px rgba(0,71,151,.4)}.custom-select__label{color:var(--service-centers-gray-5);font-size:11px;left:.5em;padding:0 .5em;position:absolute;top:-7px}.custom-select__option,.custom-select__value{color:var(--service-centers-gray-4);cursor:pointer}.custom-select__option{font-size:14px;padding:.25em .5em;line-height:32px}.custom-select__option:hover{background-color:var(--service-centers-gray-1)}.custom-select__option[data-value="0"]{cursor:not-allowed}.custom-select__options{display:none;border-radius:0 0 4px 4px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.3);box-shadow:0 4px 4px rgba(0,0,0,.3);left:.25em;list-style:none;margin:0;max-height:300px;padding:0;position:absolute;top:calc(100% - .25em);width:calc(100% - .5em);z-index:1;overflow-x:hidden;overflow-y:auto}.custom-select__options::-webkit-scrollbar{width:8px}.custom-select__options::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.custom-select__options.show{display:block}.custom-select__value{border:1px solid var(--service-centers-gray-2);border-radius:4px;font-size:16px;height:40px;line-height:22px;outline:0;overflow:hidden;padding:8px 52px 8px 16px;text-overflow:ellipsis;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;width:-webkit-fill-available}.custom-select__value[data-status=filled]{border:1px solid var(--service-centers-third-color);color:var(--service-centers-gray-5)}.custom-select__value:hover{-webkit-box-shadow:0 0 4px rgba(92,92,92,.4);box-shadow:0 0 4px rgba(92,92,92,.4)}#service-centers-map button.gm-ui-hover-effect{display:none!important}.service-centers{font-family:var(--service-centers-font-family);padding:0 16px;overflow:hidden}.service-centers__container{display:grid;grid-template-areas:"sidebar";grid-template-columns:1fr;margin-bottom:60px;min-height:390px;width:100%}.service-centers__filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:40px 0}.service-centers__filters [class*=service-centers__filters]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:10px 0}.service-centers__map__info-window{font-family:var(--service-centers-font-family);padding-right:16px}.service-centers__map__info-window h4{color:var(--service-centers-first-color);margin:0 0 8px;font-size:16px;font-weight:600}.service-centers__map__info-window strong{color:var(--service-centers-gray-5);line-height:26px}.service-centers__map__info-window p{font-weight:500;margin:0 0 8px}.service-centers__map__info-window p a{color:var(--service-centers-second-color);text-decoration:underline}.service-centers__map__info-window p i{color:var(--service-centers-second-color);font-weight:600;margin-right:3px}.service-centers__map__info-window__close{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:8px}.service-centers__map__info-window__close span{color:var(--service-centers-first-color);font-size:20px;pointer-events:none}.service-centers__menu{grid-area:sidebar;position:relative}.service-centers__menu__item{overflow:hidden;width:100%}.service-centers__menu__item__body{background:var(--service-centers-gray-1);background:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff));background:linear-gradient(0deg,#f5f5f5 0,#fff 100%);color:var(--service-centers-gray-5);height:0;max-height:0;padding:0;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}.service-centers__menu__item__body .address,.service-centers__menu__item__body .cell,.service-centers__menu__item__body .contact-phones,.service-centers__menu__item__body .email,.service-centers__menu__item__body .how-to-get,.service-centers__menu__item__body .message,.service-centers__menu__item__body .phone,.service-centers__menu__item__body .schedule{display:-webkit-box;display:-ms-flexbox;display:flex}.service-centers__menu__item__body .contact-phones{gap:1em;margin-bottom:16px}@media screen and (max-width:980px){.service-centers__menu__item__body .contact-phones{-ms-flex-wrap:wrap;flex-wrap:wrap}}.service-centers__menu__item__body .contact-phones>*{width:100%}.service-centers__menu__item__body .address a,.service-centers__menu__item__body .cell a,.service-centers__menu__item__body .email a,.service-centers__menu__item__body .how-to-get a,.service-centers__menu__item__body .phone a,.service-centers__menu__item__body .schedule a{color:var(--service-centers-second-color);display:inline-block;line-height:26px;margin-right:8px;text-decoration:underline}.service-centers__menu__item__body .address p,.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .email p,.service-centers__menu__item__body .how-to-get p,.service-centers__menu__item__body .phone p,.service-centers__menu__item__body .schedule p{font-size:14px;margin:0 0 1em}.service-centers__menu__item__body .address p:first-child,.service-centers__menu__item__body .cell p:first-child,.service-centers__menu__item__body .email p:first-child,.service-centers__menu__item__body .how-to-get p:first-child,.service-centers__menu__item__body .phone p:first-child,.service-centers__menu__item__body .schedule p:first-child{padding-left:0}.service-centers__menu__item__body .address p:not(:last-child),.service-centers__menu__item__body .cell p:not(:last-child),.service-centers__menu__item__body .email p:not(:last-child),.service-centers__menu__item__body .how-to-get p:not(:last-child),.service-centers__menu__item__body .phone p:not(:last-child),.service-centers__menu__item__body .schedule p:not(:last-child){border-right:solid thin var(--service-centers-gray-2)}.service-centers__menu__item__body .address p i,.service-centers__menu__item__body .cell p i,.service-centers__menu__item__body .email p i,.service-centers__menu__item__body .how-to-get p i,.service-centers__menu__item__body .phone p i,.service-centers__menu__item__body .schedule p i{color:var(--service-centers-second-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .address p>strong,.service-centers__menu__item__body .cell p>strong,.service-centers__menu__item__body .email p>strong,.service-centers__menu__item__body .how-to-get p>strong,.service-centers__menu__item__body .phone p>strong,.service-centers__menu__item__body .schedule p>strong{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0}.service-centers__menu__item__body .address p>strong i,.service-centers__menu__item__body .cell p>strong i,.service-centers__menu__item__body .email p>strong i,.service-centers__menu__item__body .how-to-get p>strong i,.service-centers__menu__item__body .phone p>strong i,.service-centers__menu__item__body .schedule p>strong i{color:var(--service-centers-icon-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .phone p{margin:0}.service-centers__menu__item__body .message{background-color:var(--service-centers-bg-message);border:1px solid var(--service-centers-border-color-message);margin-bottom:1em;padding:.5em}.service-centers__menu__item__body .message a{color:var(--service-centers-second-color)}.service-centers__menu__item__body .message p{color:var(--service-centers-first-color);font-size:12px;margin:0}.service-centers__menu__item__body .schedule span{display:block;line-height:26px;margin-right:8px}.service-centers__menu__item input{opacity:0;position:absolute;z-index:-1}.service-centers__menu__item input:checked~.service-centers__menu__item__body{height:auto;margin:.5em 0 0;max-height:100vh;padding:1em}.service-centers__menu__item label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--service-centers-gray-3);color:var(--service-centers-first-color);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:26px;padding:.5em;position:relative;text-transform:uppercase}.service-centers__menu__item label>span{bottom:0;font-size:22px;line-height:32px;width:24px}.service-centers__title{color:var(--service-centers-gray-5);font-size:32px;font-weight:700}.msje-localiza{color:var(--service-centers-gray-5);display:none;font-size:14px;font-weight:500;margin:30px 0}@media screen and (min-width:980px){#service-centers-map{display:block;height:100%;width:100%}.service-centers{padding:0 50px}.service-centers__container{grid-template-areas:"sidebar _ map";grid-template-columns:minmax(auto,465px) 28px minmax(50%,auto)}.service-centers__filters{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.service-centers__filters [class*=service-centers__filters]{margin:10px}.service-centers__map{border:1px solid var(--service-centers-gray-2);grid-area:map;height:390px}.service-centers__menu{max-height:390px;overflow-x:hidden;overflow-y:auto}.service-centers__menu::-webkit-scrollbar{width:8px}.service-centers__menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.service-centers__menu__item__body .contact-phones>*{width:55%}.service-centers__menu__item__body .contact-phones>*~*{width:45%}.msje-localiza{display:block}} \ No newline at end of file +/*! service-centers - v1.1.7 */@import url(https://cdn.jsdelivr.net/gh/ux-alkosto/icons/style.min.css);.service-centers__map__info-window p a,.service-centers__menu__item__body .message a{color:var(--service-centers-second-color);text-decoration:underline}.custom-select__label,.custom-select__options,.custom-select__value,.service-centers__menu__item label{background-color:var(--service-centers-white)}:root{--service-centers-font-family:Arial,Helvetica,sans-serif;--service-centers-first-color:#004797;--service-centers-second-color:#EB5B25;--service-centers-third-color:#004797;--service-centers-fourth-color:#B14B25;--service-centers-black:#000;--service-centers-gray-1:#F5F5F5;--service-centers-gray-2:#e0e0e0;--service-centers-gray-3:#D5D5D5;--service-centers-gray-4:#959595;--service-centers-gray-5:#373435;--service-centers-gray-6:#5C5C5C;--service-centers-white:#FFF;--service-centers-breakpoint:980px;--service-centers-icon-color:#EB5B25;--service-centers-color-arrow-down:#004797;--service-centers-bg-message:rgba(0,71,151,0.12);--service-centers-border-color-message:rgba(0,71,151,0.08)}.custom-select__arrow,.custom-select__container,.custom-select__label,.custom-select__option,.custom-select__options,.custom-select__value,.service-centers *{-webkit-box-sizing:border-box;box-sizing:border-box}.custom-select__arrow{border-left:1px solid var(--service-centers-gray-6);bottom:8px;color:var(--service-centers-color-arrow-down);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:24px;position:absolute;right:0;top:8px;width:38px}.custom-select__container{border-radius:4px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:0;position:relative;width:100%}.custom-select__container.disabled>.custom-select__arrow{border-left:1px solid var(--service-centers-gray-2);color:var(--service-centers-gray-2)}#service-centers-map,.custom-select__container.disabled>.custom-select__label,.service-centers__map{display:none}.custom-select__container.disabled>.custom-select__value{color:var(--service-centers-gray-2);cursor:not-allowed}.custom-select__container.disabled>.custom-select__value:hover{-webkit-box-shadow:none;box-shadow:none}.custom-select__container:focus{outline:0}.custom-select__container:focus:not(.disabled)>.custom-select__value{border:1px solid var(--service-centers-third-color);-webkit-box-shadow:0 0 4px rgba(0,71,151,.4);box-shadow:0 0 4px rgba(0,71,151,.4)}.custom-select__label{color:var(--service-centers-gray-5);font-size:11px;left:.5em;padding:0 .5em;position:absolute;top:-7px}.custom-select__option,.custom-select__value{color:var(--service-centers-gray-4);cursor:pointer}.custom-select__option{font-size:14px;padding:.25em .5em;line-height:32px}.custom-select__option:hover{background-color:var(--service-centers-gray-1)}.custom-select__option[data-value="0"]{cursor:not-allowed}.custom-select__options{display:none;border-radius:0 0 4px 4px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.3);box-shadow:0 4px 4px rgba(0,0,0,.3);left:.25em;list-style:none;margin:0;max-height:300px;padding:0;position:absolute;top:calc(100% - .25em);width:calc(100% - .5em);z-index:1;overflow-x:hidden;overflow-y:auto}.custom-select__options::-webkit-scrollbar{width:8px}.custom-select__options::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.custom-select__options.show{display:block}.custom-select__value{border:1px solid var(--service-centers-gray-2);border-radius:4px;font-size:16px;height:40px;line-height:22px;outline:0;overflow:hidden;padding:8px 52px 8px 16px;text-overflow:ellipsis;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;width:-webkit-fill-available}.custom-select__value[data-status=filled]{border:1px solid var(--service-centers-third-color);color:var(--service-centers-gray-5)}.custom-select__value:hover{-webkit-box-shadow:0 0 4px rgba(92,92,92,.4);box-shadow:0 0 4px rgba(92,92,92,.4)}#service-centers-map button.gm-ui-hover-effect{display:none!important}.service-centers{font-family:var(--service-centers-font-family);padding:0 16px;overflow:hidden}.service-centers__container{display:grid;grid-template-areas:"sidebar";grid-template-columns:1fr;margin-bottom:60px;min-height:390px;width:100%}.service-centers__filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:40px 0}.service-centers__filters [class*=service-centers__filters]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:10px 0}.service-centers__map__info-window{font-family:var(--service-centers-font-family);padding-right:16px}.service-centers__map__info-window h4{color:var(--service-centers-first-color);margin:0 0 8px;font-size:16px;font-weight:600}.service-centers__map__info-window strong{color:var(--service-centers-gray-5);line-height:26px}.service-centers__map__info-window p{font-weight:500;margin:0 0 8px}.service-centers__map__info-window p i{color:var(--service-centers-second-color);font-weight:600;margin-right:3px}.service-centers__map__info-window__close{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:8px}.service-centers__map__info-window__close span{color:var(--service-centers-first-color);font-size:20px;pointer-events:none}.service-centers__menu{grid-area:sidebar;position:relative}.service-centers__menu__item{overflow:hidden;width:100%}.service-centers__menu__item__body{background:var(--service-centers-gray-1);background:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff));background:linear-gradient(0deg,#f5f5f5 0,#fff 100%);color:var(--service-centers-gray-5);height:0;max-height:0;padding:0;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}.service-centers__menu__item__body .address,.service-centers__menu__item__body .cell,.service-centers__menu__item__body .contact-phones,.service-centers__menu__item__body .email,.service-centers__menu__item__body .how-to-get,.service-centers__menu__item__body .message,.service-centers__menu__item__body .phone,.service-centers__menu__item__body .schedule{display:-webkit-box;display:-ms-flexbox;display:flex}.service-centers__menu__item__body .contact-phones{gap:1em;margin-bottom:16px}@media screen and (max-width:980px){.service-centers__menu__item__body .contact-phones{-ms-flex-wrap:wrap;flex-wrap:wrap}}.service-centers__menu__item__body .contact-phones>*{width:100%}.service-centers__menu__item__body .address a,.service-centers__menu__item__body .cell a,.service-centers__menu__item__body .email a,.service-centers__menu__item__body .how-to-get a,.service-centers__menu__item__body .phone a,.service-centers__menu__item__body .schedule a{color:var(--service-centers-second-color);display:inline-block;line-height:26px;margin-right:8px;text-decoration:underline}.service-centers__menu__item__body .address p,.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .email p,.service-centers__menu__item__body .how-to-get p,.service-centers__menu__item__body .phone p,.service-centers__menu__item__body .schedule p{font-size:14px;margin:0 0 1em}.service-centers__menu__item__body .address p:first-child,.service-centers__menu__item__body .cell p:first-child,.service-centers__menu__item__body .email p:first-child,.service-centers__menu__item__body .how-to-get p:first-child,.service-centers__menu__item__body .phone p:first-child,.service-centers__menu__item__body .schedule p:first-child{padding-left:0}.service-centers__menu__item__body .address p:not(:last-child),.service-centers__menu__item__body .cell p:not(:last-child),.service-centers__menu__item__body .email p:not(:last-child),.service-centers__menu__item__body .how-to-get p:not(:last-child),.service-centers__menu__item__body .phone p:not(:last-child),.service-centers__menu__item__body .schedule p:not(:last-child){border-right:solid thin var(--service-centers-gray-2)}.service-centers__menu__item__body .address p i,.service-centers__menu__item__body .cell p i,.service-centers__menu__item__body .email p i,.service-centers__menu__item__body .how-to-get p i,.service-centers__menu__item__body .phone p i,.service-centers__menu__item__body .schedule p i{color:var(--service-centers-second-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .address p>strong,.service-centers__menu__item__body .cell p>strong,.service-centers__menu__item__body .email p>strong,.service-centers__menu__item__body .how-to-get p>strong,.service-centers__menu__item__body .phone p>strong,.service-centers__menu__item__body .schedule p>strong{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0}.service-centers__menu__item__body .address p>strong i,.service-centers__menu__item__body .cell p>strong i,.service-centers__menu__item__body .email p>strong i,.service-centers__menu__item__body .how-to-get p>strong i,.service-centers__menu__item__body .phone p>strong i,.service-centers__menu__item__body .schedule p>strong i{color:var(--service-centers-icon-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .phone p{margin:0}.service-centers__menu__item__body .message{background-color:var(--service-centers-bg-message);border:1px solid var(--service-centers-border-color-message);margin-bottom:1em;padding:.5em}.service-centers__menu__item__body .message p{color:var(--service-centers-first-color);font-size:12px;margin:0}.service-centers__menu__item__body .schedule span{display:block;line-height:26px;margin-right:8px}.service-centers__menu__item input{opacity:0;position:absolute;z-index:-1}.service-centers__menu__item input:checked~.service-centers__menu__item__body{height:auto;margin:.5em 0 0;max-height:100vh;padding:1em}.service-centers__menu__item label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--service-centers-gray-3);color:var(--service-centers-first-color);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:26px;padding:.5em;position:relative;text-transform:uppercase}.service-centers__menu__item label>span{bottom:0;font-size:22px;line-height:32px;width:24px}.service-centers__title{color:var(--service-centers-gray-5);font-size:32px;font-weight:700}.msje-localiza{color:var(--service-centers-gray-5);display:none;font-size:14px;font-weight:500;margin:30px 0}@media screen and (min-width:980px){#service-centers-map{display:block;height:100%;width:100%}.service-centers{padding:0 50px}.service-centers__container{grid-template-areas:"sidebar _ map";grid-template-columns:minmax(auto,465px) 28px minmax(50%,auto)}.service-centers__filters{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.service-centers__filters [class*=service-centers__filters]{margin:10px}.service-centers__map{border:1px solid var(--service-centers-gray-2);grid-area:map;height:390px}.service-centers__menu{max-height:390px;overflow-x:hidden;overflow-y:auto}.service-centers__menu::-webkit-scrollbar{width:8px}.service-centers__menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.service-centers__menu__item__body .contact-phones>*{width:55%}.service-centers__menu__item__body .contact-phones>*~*{width:45%}.msje-localiza{display:block}} \ No newline at end of file diff --git a/dist/common/js/map-63f93a1b.js b/dist/common/js/map-b410a1f1.js similarity index 95% rename from dist/common/js/map-63f93a1b.js rename to dist/common/js/map-b410a1f1.js index e93e3e9..bff3af3 100644 --- a/dist/common/js/map-63f93a1b.js +++ b/dist/common/js/map-b410a1f1.js @@ -1,2 +1,2 @@ -/*! service-centers - release: 1.1.6 */ -import{getFormatedPhone as e,getFormatedCellphone as t}from"./menu-c08410d3.js";import"./servicio.js";const n=window.google;class s{constructor({$element:e,baseSite:t,center:s}){this.$element=document.querySelector(e),this.baseSite=t,this.bounds,this.center=s,this.geocoder=new n.maps.Geocoder,this.infoWindow=new n.maps.InfoWindow,this.markers={},this.map,this.init()}bounceMarker(e,t){void 0!==this.markers[e]&&("start"===t?this.markers[e].setAnimation(n.maps.Animation.BOUNCE):this.markers[e].setAnimation(null))}clickMarker(e){void 0!==this.markers[e]&&n.maps.event.trigger(this.markers[e],"click")}async init(){return this.map=await new n.maps.Map(this.$element,{center:new n.maps.LatLng(this.center),disableDefaultUI:!0,draggable:!0,zoom:10,zoomControl:!0}),this.map}setInfoWindow(n){const s=e(n,!1),i=t(n,!1);return`
\n \n

${n.name}

\n ${n.address.length?`

Dirección:
\n ${n.address}\n

`:""}\n ${n.phone.length?`

Contacto telefónico:
\n ${s.join(" ")}\n

`:""}\n ${n.address.length||n.phone.length||!n.cellphone.length?"":`

Contacto telefónico:
\n ${i.join(" ")}\n

`}\n ${n.map.length?`

\n ¿Cómo llegar?\n

`:""}\n
`}async setMarkers(e){return this.bounds=new n.maps.LatLngBounds,this.clearMarkers(),this.markers={},e.map((e=>{const t=new n.maps.Marker({position:new n.maps.LatLng(e.coordinates.lat,e.coordinates.lng),map:this.map,icon:`https://cdn.jsdelivr.net/gh/ux-alkosto/service-centers@latest/dist/${this.baseSite}/img/pin.svg`,title:e.name});t.addListener("click",(()=>{this.infoWindow.setContent(this.setInfoWindow(e)),this.infoWindow.open(this.map,t),this.map.panTo(t.getPosition()),document.dispatchEvent(new CustomEvent("updateCenter",{detail:{center:e.id}}))})),this.bounds.extend(t.getPosition()),this.markers[e.id]=t})),this.map.setCenter(this.bounds.getCenter()),this.map.fitBounds(this.bounds),this.map.getZoom()>18&&this.map.setZoom(18),this.markers}clearMarkers(){return Object.values(this.markers).map((e=>e.setMap(null)))}}export{s as Map}; +/*! service-centers - release: 1.1.7 */ +import{getFormatedPhone as e,getFormatedCellphone as t}from"./menu-997da249.js";import"./servicio.js";const n=window.google;class s{constructor({$element:e,baseSite:t,center:s}){this.$element=document.querySelector(e),this.baseSite=t,this.bounds,this.center=s,this.geocoder=new n.maps.Geocoder,this.infoWindow=new n.maps.InfoWindow,this.markers={},this.map,this.init()}bounceMarker(e,t){void 0!==this.markers[e]&&("start"===t?this.markers[e].setAnimation(n.maps.Animation.BOUNCE):this.markers[e].setAnimation(null))}clickMarker(e){void 0!==this.markers[e]&&n.maps.event.trigger(this.markers[e],"click")}async init(){return this.map=await new n.maps.Map(this.$element,{center:new n.maps.LatLng(this.center),disableDefaultUI:!0,draggable:!0,zoom:10,zoomControl:!0}),this.map}setInfoWindow(n){const s=e(n,!1),i=t(n,!1);return`
\n \n

${n.name}

\n ${n.address.length?`

Dirección:
\n ${n.address}\n

`:""}\n ${n.phone.length?`

Contacto telefónico:
\n ${s.join(" ")}\n

`:""}\n ${n.address.length||n.phone.length||!n.cellphone.length?"":`

Contacto telefónico:
\n ${i.join(" ")}\n

`}\n ${n.map.length?`

\n ¿Cómo llegar?\n

`:""}\n
`}async setMarkers(e){return this.bounds=new n.maps.LatLngBounds,this.clearMarkers(),this.markers={},e.map((e=>{const t=new n.maps.Marker({position:new n.maps.LatLng(e.coordinates.lat,e.coordinates.lng),map:this.map,icon:`https://cdn.jsdelivr.net/gh/ux-alkosto/service-centers@latest/dist/${this.baseSite}/img/pin.svg`,title:e.name});t.addListener("click",(()=>{this.infoWindow.setContent(this.setInfoWindow(e)),this.infoWindow.open(this.map,t),this.map.panTo(t.getPosition()),document.dispatchEvent(new CustomEvent("updateCenter",{detail:{center:e.id}}))})),this.bounds.extend(t.getPosition()),this.markers[e.id]=t})),this.map.setCenter(this.bounds.getCenter()),this.map.fitBounds(this.bounds),this.map.getZoom()>18&&this.map.setZoom(18),this.markers}clearMarkers(){return Object.values(this.markers).map((e=>e.setMap(null)))}}export{s as Map}; diff --git a/dist/common/js/menu-c08410d3.js b/dist/common/js/menu-997da249.js similarity index 99% rename from dist/common/js/menu-c08410d3.js rename to dist/common/js/menu-997da249.js index 4ae77f1..d2c0081 100644 --- a/dist/common/js/menu-c08410d3.js +++ b/dist/common/js/menu-997da249.js @@ -1,2 +1,2 @@ -/*! service-centers - release: 1.1.6 */ +/*! service-centers - release: 1.1.7 */ import{A as e,w as t,T as r}from"./servicio.js";const i=2;class s extends class{constructor(e){}T(e,t,r){this.Σdt=e,this.M=t,this.Σct=r}S(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}{constructor(t){if(super(t),this.vt=e,t.type!==i)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(r){if(r===e)return this.Vt=void 0,this.vt=r;if(r===t)return r;if("string"!=typeof r)throw Error(this.constructor.directiveName+"() called with a non-string value");if(r===this.vt)return this.Vt;this.vt=r;const i=[r];return i.raw=i,this.Vt={_$litType$:this.constructor.resultType,strings:i,values:[]}}}s.directiveName="unsafeHTML",s.resultType=1;const a=(e=>(...t)=>({_$litDirective$:e,values:t}))(s),n={handleEvent(e){document.querySelectorAll(".service-centers__menu__item > input").forEach((t=>{const r=t.nextElementSibling.querySelector("span");e.target===t?r?.classList.replace("alk-icon-arrow-down","alk-icon-arrow-up"):r?.classList.replace("alk-icon-arrow-up","alk-icon-arrow-down")}))},capture:!0},c={handleEvent(e){let t=e.target;if("A"!=t.tagName)return t.classList.contains("service-centers__menu__item__body")||(t=t.closest(".service-centers__menu__item__body")),h?.clickMarker(t.dataset?.serviceCenter)},capture:!1},l={handleEvent(e){const t=e.target.nextElementSibling.nextElementSibling;"true"==t.dataset.callCenter&&(t.click(),h?.map?.setZoom(5))},capture:!1},o={handleEvent(e){h?.bounceMarker(e.target.dataset.serviceCenter,"start")},capture:!1},d={handleEvent(e){h?.bounceMarker(e.target.dataset.serviceCenter,"stop")},capture:!1};let h=null;class v{constructor(e,t){this.serviceCenter=e,h=t}render(){return r`
${this.serviceCenter.address.length?r`

Dirección: ${a(this.serviceCenter.address)}

`:""} ${this.serviceCenter.email.length?r``:""}
${this.serviceCenter.phone.length?r`

Contacto telefónico: ${p(this.serviceCenter)}

`:""} ${this.serviceCenter.cellphone.length?r`

Celular: ${u(this.serviceCenter)}

`:""}
${this.serviceCenter.schedule.length?r`

Horario: ${function(e){let t=[];for(const i of e.schedule)t.push(r`${a(i)}`);return t}(this.serviceCenter)}

`:""} ${this.serviceCenter.linkType.length?function(e){let t="externo"!==e.linkType?r`Para solicitar la garantía de su producto le agradecemos tener en cuenta las recomendaciones señaladas en el siguiente link`:r`Para más información del centro de servicio por favor remitase al siguiente link`;return r`

${t}

`}(this.serviceCenter):""} ${this.serviceCenter.map.length?r``:""}
`}}function u(e,t=!0){const i=[];for(const s of e.cellphone)t?i.push(r`${s}`):i.push(`${s}`);return i}function p(e,t=!0){const i=[];for(const s of e.phone)t?i.push(r`${s}`):i.push(`${s}`);return i}export{v as Menu,u as getFormatedCellphone,p as getFormatedPhone}; diff --git a/dist/common/js/service-center-a807793d.js b/dist/common/js/service-center-40543cc6.js similarity index 93% rename from dist/common/js/service-center-a807793d.js rename to dist/common/js/service-center-40543cc6.js index 368bfbc..a541454 100644 --- a/dist/common/js/service-center-a807793d.js +++ b/dist/common/js/service-center-40543cc6.js @@ -1,2 +1,2 @@ -/*! service-centers - release: 1.1.6 */ +/*! service-centers - release: 1.1.7 */ class i{constructor({address:i="",areaCode:t="",cell:e=[],city:s="",coordinates:h={},email:a="",hours:c=[],id:l="",link:n="",type:r="",name:o="",phone:d=[],schedule:p=[],viewMap:m=""}){this.address=i,this.areaCode=t,this.cellphone=e,this.city=s,this.coordinates=h,this.email=a,this.hours=c,this.id=l,this.isActive=!1,this.link=n,this.linkType=r,this.name=o,this.phone=d,this.schedule=p,this.map=m}get active(){return this.isActive}set active(i){this.isActive=i}get isCallCenter(){return!(!this.city.match("linea-nacional")&&!this.id.match("call-center"))}}export{i as ServiceCenter}; diff --git a/dist/common/js/servicio.js b/dist/common/js/servicio.js index 4857396..023d95c 100644 --- a/dist/common/js/servicio.js +++ b/dist/common/js/servicio.js @@ -1,2 +1,2 @@ -/*! service-centers - release: 1.1.6 */ -var e,t,n,s;const i=globalThis.trustedTypes,l=i?i.createPolicy("lit-html",{createHTML:e=>e}):void 0,o=`lit$${(Math.random()+"").slice(9)}$`,a="?"+o,r=`<${a}>`,c=document,d=(e="")=>c.createComment(e),u=e=>null===e||"object"!=typeof e&&"function"!=typeof e,m=Array.isArray,h=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,p=/-->/g,v=/>/g,f=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,g=/'/g,y=/"/g,E=/^(?:script|style|textarea)$/i,b=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),w=Symbol.for("lit-noChange"),C=Symbol.for("lit-nothing"),L=new WeakMap,x=(e,t,n)=>{var s,i;const l=null!==(s=null==n?void 0:n.renderBefore)&&void 0!==s?s:t;let o=l._$litPart$;if(void 0===o){const e=null!==(i=null==n?void 0:n.renderBefore)&&void 0!==i?i:null;l._$litPart$=o=new A(t.insertBefore(d(),e),e,void 0,n)}return o.I(e),o},H=c.createTreeWalker(c,129,null,!1),$=(e,t)=>{const n=e.length-1,s=[];let i,a=2===t?"":"",c=h;for(let t=0;t"===d[0]?(c=null!=i?i:h,u=-1):void 0===d[1]?u=-2:(u=c.lastIndex-d[2].length,l=d[1],c=void 0===d[3]?f:'"'===d[3]?y:g):c===y||c===g?c=f:c===p||c===v?c=h:(c=f,i=void 0);const b=c===f&&e[t+1].startsWith("/>")?" ":"";a+=c===h?n+r:u>=0?(s.push(l),n.slice(0,u)+"$lit$"+n.slice(u)+o+b):n+o+(-2===u?(s.push(void 0),t):b)}const d=a+(e[n]||"")+(2===t?"":"");return[void 0!==l?l.createHTML(d):d,s]};class S{constructor({strings:e,_$litType$:t},n){let s;this.parts=[];let l=0,r=0;const c=e.length-1,u=this.parts,[m,h]=$(e,t);if(this.el=S.createElement(m,n),H.currentNode=this.el.content,2===t){const e=this.el.content,t=e.firstChild;t.remove(),e.append(...t.childNodes)}for(;null!==(s=H.nextNode())&&u.length0){s.textContent=i?i.emptyScript:"";for(let n=0;n{var t;return m(e)||"function"==typeof(null===(t=e)||void 0===t?void 0:t[Symbol.iterator])})(e)?this.g(e):this.m(e)}k(e,t=this.B){return this.A.parentNode.insertBefore(e,t)}$(e){this.H!==e&&(this.R(),this.H=this.k(e))}m(e){const t=this.A.nextSibling;null!==t&&3===t.nodeType&&(null===this.B?null===t.nextSibling:t===this.B.previousSibling)?t.data=e:this.$(c.createTextNode(e)),this.H=e}_(e){var t;const{values:n,_$litType$:s}=e,i="number"==typeof s?this.C(e):(void 0===s.el&&(s.el=S.createElement(s.h,this.options)),s);if((null===(t=this.H)||void 0===t?void 0:t.D)===i)this.H.v(n);else{const e=new T(i,this),t=e.u(this.options);e.v(n),this.$(t),this.H=e}}C(e){let t=L.get(e.strings);return void 0===t&&L.set(e.strings,t=new S(e)),t}g(e){m(this.H)||(this.H=[],this.R());const t=this.H;let n,s=0;for(const i of e)s===t.length?t.push(n=new A(this.k(d()),this.k(d()),this,this.options)):n=t[s],n.I(i),s++;s2||""!==n[0]||""!==n[1]?(this.H=Array(n.length-1).fill(C),this.strings=n):this.H=C}get tagName(){return this.element.tagName}I(e,t=this,n,s){const i=this.strings;let l=!1;if(void 0===i)e=_(this,e,t,0),l=!u(e)||e!==this.H&&e!==w,l&&(this.H=e);else{const s=e;let o,a;for(e=i[0],o=0;o{e.element.disabled?e.customElement.classList.add("disabled"):e.customElement.classList.remove("disabled"),e.options=q(e.element.querySelectorAll("option")),e.valueElement.innerText=e.selectedOption.label,e.valueElement.dataset.status="",W(e)})),e.arrowElement.addEventListener("click",(()=>B(e))),e.valueElement.addEventListener("click",(()=>B(e))),e.customElement.addEventListener("blur",(()=>{e.arrowElement.querySelector("span").classList.replace("alk-icon-arrow-up","alk-icon-arrow-down"),e.optionsCustomElement.classList.remove("show")}))}(this),this.element.style.display="none",this.element.setAttribute("aria-hidden",!0),this.label.style.display="none",e.after(this.customElement)}get selectedOption(){return this.options.find((e=>e.selected))}selectValue(e){const t=this.options.find((t=>t.value===e)),n=this.selectedOption;n.selected=!1,n.element.selected=!1,t.selected=!0,t.element.selected=!0,this.element.dispatchEvent(new Event("change")),this.valueElement.innerText=t.label,this.valueElement.dataset.status="filled"}}function B(e){if(e.customElement.classList.contains("disabled"))return;const t=e.arrowElement.querySelector("span");t.classList.contains("alk-icon-arrow-down")?t.classList.replace("alk-icon-arrow-down","alk-icon-arrow-up"):t.classList.replace("alk-icon-arrow-up","alk-icon-arrow-down"),e.optionsCustomElement.classList.toggle("show")}function W(e){e.optionsCustomElement.innerHtml="",e.optionsCustomElement.querySelectorAll("*").forEach((e=>e.remove())),e.options.forEach((t=>{const n=document.createElement("li");n.classList.add("custom-select__option"),n.classList.toggle("selected",t.selected),n.setAttribute("role","option"),t.selected&&n.setAttribute("aria-selected",!0),n.innerText=t.label,n.dataset.value=t.value,"0"===t.value&&(n.style.display="none"),n.addEventListener("click",(()=>{if("0"===n.dataset.value)return;let s=e.optionsCustomElement.querySelector(`[data-value="${e.selectedOption.value}"]`);s.removeAttribute("aria-selected"),s.classList.remove("selected"),e.selectValue(t.value),n.classList.add("selected"),n.setAttribute("aria-selected",!0),e.optionsCustomElement.classList.remove("show"),e.customElement.blur()})),e.optionsCustomElement.append(n)}))}function q(e){return[...e].map((e=>({value:e.value,label:e.label,selected:e.selected,element:e})))}const P=document.getElementById("marca"),V=document.getElementById("departamento"),R=document.getElementById("ciudad"),z=document.getElementById("categoria"),D=new Option("Selecciona una opción",0,!0,!0),Z=window.google,F=document.querySelector(".service-centers__menu"),G=Number(getComputedStyle(document.documentElement).getPropertyValue("--service-centers-breakpoint").replace("px",""));let J=D,K=D,Q=D,U=D,X=!0,Y=null,ee=!1,te=[],ne=[],se=[];async function ie({servicePointsCodes:e,serviceCenters:t}){if(!e.length)return[];const n=await import("./service-center-a807793d.js").then((e=>e.ServiceCenter)),s={};return e.map((({areaCode:e,city:t,code:n})=>s[n]={areaCode:e,code:n,city:t})),Object.values(s).map((({areaCode:e,city:s,code:i})=>{let l={areaCode:e,city:s,coordinates:{lat:t[i].lat,lng:t[i].lng},id:i};return l={...l,...t[i]},new n(l)}))}async function le(e){if(!e.length)return x([],F);const t=await import("./menu-c08410d3.js").then((e=>e.Menu)),n=[];e.map((e=>{e.active=X,X=!1,e.isCallCenter&&(e.coordinates={lat:4.67998417919688,lng:-74.08550441957686}),n.push(new t(e,Y).render())})),ee&&Y.setMarkers(e),x(n,F),document.querySelector("input[name=centro-servicio]").click()}document.addEventListener("updateCenter",(e=>{const t=e.detail.center;if(null!==t){const e=document.getElementById(t);e.click(),setTimeout((()=>F.scrollTop=e.offsetTop),250)}})),document.addEventListener("click",(e=>{e.target.classList.contains("service-centers__map__info-window__close")&&Y.infoWindow.close()})),window.onresize=()=>{document.querySelector(".service-centers__map").style.display="none",window.innerWidth>G&&"0"!=document.getElementById("departamento").value&&(document.querySelector(".service-centers__map").style.display="block")},null!==P&&(J=new Option(`Selecciona una ${P.labels[0].textContent.toLowerCase()}`,0,!0,!0),P.append(J)),null!==V&&(K=new Option(`Selecciona un ${V.labels[0].textContent.toLowerCase()}`,0,!0,!0),V.append(K),null!==P&&(V.disabled=!0)),null!==R&&(Q=new Option(`Selecciona una ${R.labels[0].textContent.toLowerCase()}`,0,!0,!0),R.append(Q),R.disabled=!0),null!==z&&(U=new Option(`Selecciona una ${z.labels[0].textContent.toLowerCase()}`,0,!0,!0),z.append(U),z.disabled=!0),document.querySelectorAll("[data-custom-select]").forEach((e=>new j(e))),void 0!==appConfig.jsonFile&&async function(e=""){if(e.length)return await fetch(e,{cache:"force-cache",mode:"cors"}).then((e=>{if(e.ok)return e.json()})).then((e=>e))}(appConfig.jsonFile).then((async({brands:e,categories:t,departments:n,serviceCenters:s})=>{void 0!==e&&null!==P&&(Object.entries(e).map((async e=>{const t=e[1],n=e[0],s=new Option(t.name,n);return P.append(s)})),P.refresh(),P.addEventListener("change",(async()=>{X=!0,V.innerHTML="",V.append(K),ee&&function(e){e.infoWindow.close(),e.clearMarkers(),e.map.setCenter(new Z.maps.LatLng(e.center)),e.map.setZoom(5)}(Y),e[P.value].departments.map((e=>{const t=new Option(n[e].name,e);return V.append(t)})),V.disabled=!1,V.refresh(),await ie({servicePointsCodes:se,serviceCenters:s}).then((e=>le(e))),R.innerHTML="",R.disabled=!0,R.append(Q),R.refresh(),z.innerHTML="",z.disabled=!0,z.append(U),z.refresh(),se=[]}))),void 0!==n&&null!==V&&(Object.entries(n).map((e=>{const t=e[1],n=e[0],s=new Option(t.name,n);return V.append(s)})),V.refresh(),V.addEventListener("change",(async()=>{ee||await async function(e={lat:4.67998417919688,lng:-74.08550441957686}){const t=await import("./map-63f93a1b.js").then((e=>e.Map));return Y=new t({$element:"#service-centers-map",baseSite:appConfig.site,center:e})}(),ee=!0,te=[],ne=[],X=!0,R.innerHTML="",R.append(Q),Y.infoWindow.close(),window.innerWidth>G&&(document.querySelector(".service-centers__map").style.display="block"),document.querySelector(".msje-localiza").innerText="Localiza los centros de servicio técnico:",Object.entries(n[V.value].cities).map((e=>{const t=e[0];return Object.entries(e[1].categories).map((n=>n[1].stores.map((s=>{const i={city:t,code:s,areaCode:e[1].areaCode};return null===P?se.push(i):s.match(P.value)?(te.push(t),ne.push(n[0]),se.push(i)):void 0}))))})),await ie({servicePointsCodes:se,serviceCenters:s}).then((e=>le(e))),te=[...new Set(te)],ne=[...new Set(ne)],Object.entries(n[V.value].cities).map((e=>{if(!te.length){const t=e[1],n=e[0],s=new Option(t.name,n);return R.append(s)}te.map((t=>{if(e[0]===t){const n=e[1],s=new Option(n.name,t);return R.append(s)}}))})),R.disabled=!1,R.refresh(),z.innerHTML="",z.disabled=!0,z.append(U),z.refresh(),se=[]}))),null!==R&&R.addEventListener("change",(async()=>{X=!0,z.innerHTML="",z.append(U),Object.values(n[V.value].cities[R.value].categories).map((({stores:e})=>e.map((e=>{const t={city:R.value,code:e,areaCode:n[V.value].cities[R.value].areaCode};return null===P||e.match(P.value)?se.push(t):void 0})))),await ie({servicePointsCodes:se,serviceCenters:s}).then((e=>le(e))),Object.entries(n[V.value].cities[R.value].categories).map((e=>{if(!ne.length){const n=t[e[0]].name,s=e[0],i=new Option(n,s);return z.append(i)}ne.map((n=>{if(e[0]===n){const e=t[n].name,s=new Option(e,n);return z.append(s)}}))})),z.disabled=!1,z.refresh(),se=[]})),void 0!==t&&null!==z&&z.addEventListener("change",(async()=>{X=!0,Object.values(n[V.value].cities[R.value].categories[z.value].stores).map((e=>{const t={city:R.value,code:e,areaCode:n[V.value].cities[R.value].areaCode};return null===P||e.match(P.value)?se.push(t):void 0})),await ie({servicePointsCodes:se,serviceCenters:s}).then((e=>le(e))),se=[]}))}));export{C as A,b as T,w}; +/*! service-centers - release: 1.1.7 */ +var e,t,n,s;const i=globalThis.trustedTypes,l=i?i.createPolicy("lit-html",{createHTML:e=>e}):void 0,o=`lit$${(Math.random()+"").slice(9)}$`,a="?"+o,r=`<${a}>`,c=document,d=(e="")=>c.createComment(e),u=e=>null===e||"object"!=typeof e&&"function"!=typeof e,m=Array.isArray,h=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,p=/-->/g,v=/>/g,f=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,g=/'/g,y=/"/g,E=/^(?:script|style|textarea)$/i,b=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),w=Symbol.for("lit-noChange"),C=Symbol.for("lit-nothing"),L=new WeakMap,x=(e,t,n)=>{var s,i;const l=null!==(s=null==n?void 0:n.renderBefore)&&void 0!==s?s:t;let o=l._$litPart$;if(void 0===o){const e=null!==(i=null==n?void 0:n.renderBefore)&&void 0!==i?i:null;l._$litPart$=o=new A(t.insertBefore(d(),e),e,void 0,n)}return o.I(e),o},H=c.createTreeWalker(c,129,null,!1),$=(e,t)=>{const n=e.length-1,s=[];let i,a=2===t?"":"",c=h;for(let t=0;t"===d[0]?(c=null!=i?i:h,u=-1):void 0===d[1]?u=-2:(u=c.lastIndex-d[2].length,l=d[1],c=void 0===d[3]?f:'"'===d[3]?y:g):c===y||c===g?c=f:c===p||c===v?c=h:(c=f,i=void 0);const b=c===f&&e[t+1].startsWith("/>")?" ":"";a+=c===h?n+r:u>=0?(s.push(l),n.slice(0,u)+"$lit$"+n.slice(u)+o+b):n+o+(-2===u?(s.push(void 0),t):b)}const d=a+(e[n]||"")+(2===t?"":"");return[void 0!==l?l.createHTML(d):d,s]};class S{constructor({strings:e,_$litType$:t},n){let s;this.parts=[];let l=0,r=0;const c=e.length-1,u=this.parts,[m,h]=$(e,t);if(this.el=S.createElement(m,n),H.currentNode=this.el.content,2===t){const e=this.el.content,t=e.firstChild;t.remove(),e.append(...t.childNodes)}for(;null!==(s=H.nextNode())&&u.length0){s.textContent=i?i.emptyScript:"";for(let n=0;n{var t;return m(e)||"function"==typeof(null===(t=e)||void 0===t?void 0:t[Symbol.iterator])})(e)?this.g(e):this.m(e)}k(e,t=this.B){return this.A.parentNode.insertBefore(e,t)}$(e){this.H!==e&&(this.R(),this.H=this.k(e))}m(e){const t=this.A.nextSibling;null!==t&&3===t.nodeType&&(null===this.B?null===t.nextSibling:t===this.B.previousSibling)?t.data=e:this.$(c.createTextNode(e)),this.H=e}_(e){var t;const{values:n,_$litType$:s}=e,i="number"==typeof s?this.C(e):(void 0===s.el&&(s.el=S.createElement(s.h,this.options)),s);if((null===(t=this.H)||void 0===t?void 0:t.D)===i)this.H.v(n);else{const e=new T(i,this),t=e.u(this.options);e.v(n),this.$(t),this.H=e}}C(e){let t=L.get(e.strings);return void 0===t&&L.set(e.strings,t=new S(e)),t}g(e){m(this.H)||(this.H=[],this.R());const t=this.H;let n,s=0;for(const i of e)s===t.length?t.push(n=new A(this.k(d()),this.k(d()),this,this.options)):n=t[s],n.I(i),s++;s2||""!==n[0]||""!==n[1]?(this.H=Array(n.length-1).fill(C),this.strings=n):this.H=C}get tagName(){return this.element.tagName}I(e,t=this,n,s){const i=this.strings;let l=!1;if(void 0===i)e=_(this,e,t,0),l=!u(e)||e!==this.H&&e!==w,l&&(this.H=e);else{const s=e;let o,a;for(e=i[0],o=0;o{e.element.disabled?e.customElement.classList.add("disabled"):e.customElement.classList.remove("disabled"),e.options=q(e.element.querySelectorAll("option")),e.valueElement.innerText=e.selectedOption.label,e.valueElement.dataset.status="",W(e)})),e.arrowElement.addEventListener("click",(()=>B(e))),e.valueElement.addEventListener("click",(()=>B(e))),e.customElement.addEventListener("blur",(()=>{e.arrowElement.querySelector("span").classList.replace("alk-icon-arrow-up","alk-icon-arrow-down"),e.optionsCustomElement.classList.remove("show")}))}(this),this.element.style.display="none",this.element.setAttribute("aria-hidden",!0),this.label.style.display="none",e.after(this.customElement)}get selectedOption(){return this.options.find((e=>e.selected))}selectValue(e){const t=this.options.find((t=>t.value===e)),n=this.selectedOption;n.selected=!1,n.element.selected=!1,t.selected=!0,t.element.selected=!0,this.element.dispatchEvent(new Event("change")),this.valueElement.innerText=t.label,this.valueElement.dataset.status="filled"}}function B(e){if(e.customElement.classList.contains("disabled"))return;const t=e.arrowElement.querySelector("span");t.classList.contains("alk-icon-arrow-down")?t.classList.replace("alk-icon-arrow-down","alk-icon-arrow-up"):t.classList.replace("alk-icon-arrow-up","alk-icon-arrow-down"),e.optionsCustomElement.classList.toggle("show")}function W(e){e.optionsCustomElement.innerHtml="",e.optionsCustomElement.querySelectorAll("*").forEach((e=>e.remove())),e.options.forEach((t=>{const n=document.createElement("li");n.classList.add("custom-select__option"),n.classList.toggle("selected",t.selected),n.setAttribute("role","option"),t.selected&&n.setAttribute("aria-selected",!0),n.innerText=t.label,n.dataset.value=t.value,"0"===t.value&&(n.style.display="none"),n.addEventListener("click",(()=>{if("0"===n.dataset.value)return;let s=e.optionsCustomElement.querySelector(`[data-value="${e.selectedOption.value}"]`);s.removeAttribute("aria-selected"),s.classList.remove("selected"),e.selectValue(t.value),n.classList.add("selected"),n.setAttribute("aria-selected",!0),e.optionsCustomElement.classList.remove("show"),e.customElement.blur()})),e.optionsCustomElement.append(n)}))}function q(e){return[...e].map((e=>({value:e.value,label:e.label,selected:e.selected,element:e})))}const P=document.getElementById("marca"),V=document.getElementById("departamento"),R=document.getElementById("ciudad"),z=document.getElementById("categoria"),D=new Option("Selecciona una opción",0,!0,!0),Z=window.google,F=document.querySelector(".service-centers__menu"),G=Number(getComputedStyle(document.documentElement).getPropertyValue("--service-centers-breakpoint").replace("px",""));let J=D,K=D,Q=D,U=D,X=!0,Y=null,ee=!1,te=[],ne=[],se=[];async function ie({servicePointsCodes:e,serviceCenters:t}){if(!e.length)return[];const n=await import("./service-center-40543cc6.js").then((e=>e.ServiceCenter)),s={};return e.map((({areaCode:e,city:t,code:n})=>s[n]={areaCode:e,code:n,city:t})),Object.values(s).map((({areaCode:e,city:s,code:i})=>{let l={areaCode:e,city:s,coordinates:{lat:t[i].lat,lng:t[i].lng},id:i};return l={...l,...t[i]},new n(l)}))}async function le(e){if(!e.length)return x([],F);const t=await import("./menu-997da249.js").then((e=>e.Menu)),n=[];e.map((e=>{e.active=X,X=!1,e.isCallCenter&&(e.coordinates={lat:4.67998417919688,lng:-74.08550441957686}),n.push(new t(e,Y).render())})),ee&&Y.setMarkers(e),x(n,F),document.querySelector("input[name=centro-servicio]").click()}document.addEventListener("updateCenter",(e=>{const t=e.detail.center;if(null!==t){const e=document.getElementById(t);e.click(),setTimeout((()=>F.scrollTop=e.offsetTop),250)}})),document.addEventListener("click",(e=>{e.target.classList.contains("service-centers__map__info-window__close")&&Y.infoWindow.close()})),window.onresize=()=>{document.querySelector(".service-centers__map").style.display="none",window.innerWidth>G&&"0"!=document.getElementById("departamento").value&&(document.querySelector(".service-centers__map").style.display="block")},null!==P&&(J=new Option(`Selecciona una ${P.labels[0].textContent.toLowerCase()}`,0,!0,!0),P.append(J)),null!==V&&(K=new Option(`Selecciona un ${V.labels[0].textContent.toLowerCase()}`,0,!0,!0),V.append(K),null!==P&&(V.disabled=!0)),null!==R&&(Q=new Option(`Selecciona una ${R.labels[0].textContent.toLowerCase()}`,0,!0,!0),R.append(Q),R.disabled=!0),null!==z&&(U=new Option(`Selecciona una ${z.labels[0].textContent.toLowerCase()}`,0,!0,!0),z.append(U),z.disabled=!0),document.querySelectorAll("[data-custom-select]").forEach((e=>new j(e))),void 0!==appConfig.jsonFile&&async function(e=""){if(e.length)return await fetch(e,{cache:"force-cache",mode:"cors"}).then((e=>{if(e.ok)return e.json()})).then((e=>e))}(appConfig.jsonFile).then((async({brands:e,categories:t,departments:n,serviceCenters:s})=>{void 0!==e&&null!==P&&(Object.entries(e).map((async e=>{const t=e[1],n=e[0],s=new Option(t.name,n);return P.append(s)})),P.refresh(),P.addEventListener("change",(async()=>{X=!0,V.innerHTML="",V.append(K),ee&&function(e){e.infoWindow.close(),e.clearMarkers(),e.map.setCenter(new Z.maps.LatLng(e.center)),e.map.setZoom(5)}(Y),e[P.value].departments.map((e=>{const t=new Option(n[e].name,e);return V.append(t)})),V.disabled=!1,V.refresh(),await ie({servicePointsCodes:se,serviceCenters:s}).then((e=>le(e))),R.innerHTML="",R.disabled=!0,R.append(Q),R.refresh(),z.innerHTML="",z.disabled=!0,z.append(U),z.refresh(),se=[]}))),void 0!==n&&null!==V&&(Object.entries(n).map((e=>{const t=e[1],n=e[0],s=new Option(t.name,n);return V.append(s)})),V.refresh(),V.addEventListener("change",(async()=>{ee||await async function(e={lat:4.67998417919688,lng:-74.08550441957686}){const t=await import("./map-b410a1f1.js").then((e=>e.Map));return Y=new t({$element:"#service-centers-map",baseSite:appConfig.site,center:e})}(),ee=!0,te=[],ne=[],X=!0,R.innerHTML="",R.append(Q),Y.infoWindow.close(),window.innerWidth>G&&(document.querySelector(".service-centers__map").style.display="block"),document.querySelector(".msje-localiza").innerText="Localiza los centros de servicio técnico:",Object.entries(n[V.value].cities).map((e=>{const t=e[0];return Object.entries(e[1].categories).map((n=>n[1].stores.map((s=>{const i={city:t,code:s,areaCode:e[1].areaCode};return null===P?se.push(i):s.match(P.value)?(te.push(t),ne.push(n[0]),se.push(i)):void 0}))))})),await ie({servicePointsCodes:se,serviceCenters:s}).then((e=>le(e))),te=[...new Set(te)],ne=[...new Set(ne)],Object.entries(n[V.value].cities).map((e=>{if(!te.length){const t=e[1],n=e[0],s=new Option(t.name,n);return R.append(s)}te.map((t=>{if(e[0]===t){const n=e[1],s=new Option(n.name,t);return R.append(s)}}))})),R.disabled=!1,R.refresh(),z.innerHTML="",z.disabled=!0,z.append(U),z.refresh(),se=[]}))),null!==R&&R.addEventListener("change",(async()=>{X=!0,z.innerHTML="",z.append(U),Object.values(n[V.value].cities[R.value].categories).map((({stores:e})=>e.map((e=>{const t={city:R.value,code:e,areaCode:n[V.value].cities[R.value].areaCode};return null===P||e.match(P.value)?se.push(t):void 0})))),await ie({servicePointsCodes:se,serviceCenters:s}).then((e=>le(e))),Object.entries(n[V.value].cities[R.value].categories).map((e=>{if(!ne.length){const n=t[e[0]].name,s=e[0],i=new Option(n,s);return z.append(i)}ne.map((n=>{if(e[0]===n){const e=t[n].name,s=new Option(e,n);return z.append(s)}}))})),z.disabled=!1,z.refresh(),se=[]})),void 0!==t&&null!==z&&z.addEventListener("change",(async()=>{X=!0,Object.values(n[V.value].cities[R.value].categories[z.value].stores).map((e=>{const t={city:R.value,code:e,areaCode:n[V.value].cities[R.value].areaCode};return null===P||e.match(P.value)?se.push(t):void 0})),await ie({servicePointsCodes:se,serviceCenters:s}).then((e=>le(e))),se=[]}))}));export{C as A,b as T,w}; diff --git a/dist/kalley/css/servicio.css b/dist/kalley/css/servicio.css index 68e31bc..77989b5 100644 --- a/dist/kalley/css/servicio.css +++ b/dist/kalley/css/servicio.css @@ -1 +1 @@ -/*! service-centers - v1.1.6 */@import url(https://cdn.jsdelivr.net/gh/ux-alkosto/icons/style.min.css);.custom-select__label,.custom-select__options,.custom-select__value,.service-centers__menu__item label{background-color:var(--service-centers-white)}:root{--service-centers-font-family:Montserrat,Helvetica,sans-serif;--service-centers-first-color:#121A82;--service-centers-second-color:#0F5D68;--service-centers-third-color:#063B66;--service-centers-fourth-color:#F9C332;--service-centers-black:#000;--service-centers-gray-1:#F5F5F5;--service-centers-gray-2:#e0e0e0;--service-centers-gray-3:#D5D5D5;--service-centers-gray-4:#959595;--service-centers-gray-5:#373435;--service-centers-gray-6:#5C5C5C;--service-centers-white:#FFF;--service-centers-breakpoint:980px;--service-centers-icon-color:#0F5D68;--service-centers-color-arrow-down:#0F5D68;--service-centers-bg-message:rgba(18,26,130,0.12);--service-centers-border-color-message:rgba(18,26,130,0.08)}.custom-select__arrow,.custom-select__container,.custom-select__label,.custom-select__option,.custom-select__options,.custom-select__value,.service-centers *{-webkit-box-sizing:border-box;box-sizing:border-box}.custom-select__arrow{border-left:1px solid var(--service-centers-gray-6);bottom:8px;color:var(--service-centers-color-arrow-down);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:24px;position:absolute;right:0;top:8px;width:38px}.custom-select__container{border-radius:4px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:0;position:relative;width:100%}.custom-select__container.disabled>.custom-select__arrow{border-left:1px solid var(--service-centers-gray-2);color:var(--service-centers-gray-2)}#service-centers-map,.custom-select__container.disabled>.custom-select__label,.service-centers__map{display:none}.custom-select__container.disabled>.custom-select__value{color:var(--service-centers-gray-2);cursor:not-allowed}.custom-select__container.disabled>.custom-select__value:hover{-webkit-box-shadow:none;box-shadow:none}.custom-select__container:focus{outline:0}.custom-select__container:focus:not(.disabled)>.custom-select__value{border:1px solid var(--service-centers-third-color);-webkit-box-shadow:0 0 4px rgba(6,59,102,.4);box-shadow:0 0 4px rgba(6,59,102,.4)}.custom-select__label{color:var(--service-centers-gray-5);font-size:11px;left:.5em;padding:0 .5em;position:absolute;top:-7px}.custom-select__option,.custom-select__value{color:var(--service-centers-gray-4);cursor:pointer}.custom-select__option{font-size:14px;padding:.25em .5em;line-height:32px}.custom-select__option:hover{background-color:var(--service-centers-gray-1)}.custom-select__option[data-value="0"]{cursor:not-allowed}.custom-select__options{display:none;border-radius:0 0 4px 4px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.3);box-shadow:0 4px 4px rgba(0,0,0,.3);left:.25em;list-style:none;margin:0;max-height:300px;padding:0;position:absolute;top:calc(100% - .25em);width:calc(100% - .5em);z-index:1;overflow-x:hidden;overflow-y:auto}.custom-select__options::-webkit-scrollbar{width:8px}.custom-select__options::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.custom-select__options.show{display:block}.custom-select__value{border:1px solid var(--service-centers-gray-2);border-radius:4px;font-size:16px;height:40px;line-height:22px;outline:0;overflow:hidden;padding:8px 52px 8px 16px;text-overflow:ellipsis;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;width:-webkit-fill-available}.custom-select__value[data-status=filled]{border:1px solid var(--service-centers-third-color);color:var(--service-centers-gray-5)}.custom-select__value:hover{-webkit-box-shadow:0 0 4px rgba(92,92,92,.4);box-shadow:0 0 4px rgba(92,92,92,.4)}#service-centers-map button.gm-ui-hover-effect{display:none!important}.service-centers{font-family:var(--service-centers-font-family);padding:0 16px;overflow:hidden}.service-centers__container{display:grid;grid-template-areas:"sidebar";grid-template-columns:1fr;margin-bottom:60px;min-height:390px;width:100%}.service-centers__filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:40px 0}.service-centers__filters [class*=service-centers__filters]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:10px 0}.service-centers__map__info-window{font-family:var(--service-centers-font-family);padding-right:16px}.service-centers__map__info-window h4{color:var(--service-centers-first-color);margin:0 0 8px;font-size:16px;font-weight:600}.service-centers__map__info-window strong{color:var(--service-centers-gray-5);line-height:26px}.service-centers__map__info-window p{font-weight:500;margin:0 0 8px}.service-centers__map__info-window p a{color:var(--service-centers-second-color);text-decoration:underline}.service-centers__map__info-window p i{color:var(--service-centers-second-color);font-weight:600;margin-right:3px}.service-centers__map__info-window__close{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:8px}.service-centers__map__info-window__close span{color:var(--service-centers-first-color);font-size:20px;pointer-events:none}.service-centers__menu{grid-area:sidebar;position:relative}.service-centers__menu__item{overflow:hidden;width:100%}.service-centers__menu__item__body{background:var(--service-centers-gray-1);background:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff));background:linear-gradient(0deg,#f5f5f5 0,#fff 100%);color:var(--service-centers-gray-5);height:0;max-height:0;padding:0;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}.service-centers__menu__item__body .address,.service-centers__menu__item__body .cell,.service-centers__menu__item__body .contact-phones,.service-centers__menu__item__body .email,.service-centers__menu__item__body .how-to-get,.service-centers__menu__item__body .message,.service-centers__menu__item__body .phone,.service-centers__menu__item__body .schedule{display:-webkit-box;display:-ms-flexbox;display:flex}.service-centers__menu__item__body .contact-phones{gap:1em;margin-bottom:16px}@media screen and (max-width:980px){.service-centers__menu__item__body .contact-phones{-ms-flex-wrap:wrap;flex-wrap:wrap}}.service-centers__menu__item__body .contact-phones>*{width:100%}.service-centers__menu__item__body .address a,.service-centers__menu__item__body .cell a,.service-centers__menu__item__body .email a,.service-centers__menu__item__body .how-to-get a,.service-centers__menu__item__body .phone a,.service-centers__menu__item__body .schedule a{color:var(--service-centers-second-color);display:inline-block;line-height:26px;margin-right:8px;text-decoration:underline}.service-centers__menu__item__body .address p,.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .email p,.service-centers__menu__item__body .how-to-get p,.service-centers__menu__item__body .phone p,.service-centers__menu__item__body .schedule p{font-size:14px;margin:0 0 1em}.service-centers__menu__item__body .address p:first-child,.service-centers__menu__item__body .cell p:first-child,.service-centers__menu__item__body .email p:first-child,.service-centers__menu__item__body .how-to-get p:first-child,.service-centers__menu__item__body .phone p:first-child,.service-centers__menu__item__body .schedule p:first-child{padding-left:0}.service-centers__menu__item__body .address p:not(:last-child),.service-centers__menu__item__body .cell p:not(:last-child),.service-centers__menu__item__body .email p:not(:last-child),.service-centers__menu__item__body .how-to-get p:not(:last-child),.service-centers__menu__item__body .phone p:not(:last-child),.service-centers__menu__item__body .schedule p:not(:last-child){border-right:solid thin var(--service-centers-gray-2)}.service-centers__menu__item__body .address p i,.service-centers__menu__item__body .cell p i,.service-centers__menu__item__body .email p i,.service-centers__menu__item__body .how-to-get p i,.service-centers__menu__item__body .phone p i,.service-centers__menu__item__body .schedule p i{color:var(--service-centers-second-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .address p>strong,.service-centers__menu__item__body .cell p>strong,.service-centers__menu__item__body .email p>strong,.service-centers__menu__item__body .how-to-get p>strong,.service-centers__menu__item__body .phone p>strong,.service-centers__menu__item__body .schedule p>strong{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0}.service-centers__menu__item__body .address p>strong i,.service-centers__menu__item__body .cell p>strong i,.service-centers__menu__item__body .email p>strong i,.service-centers__menu__item__body .how-to-get p>strong i,.service-centers__menu__item__body .phone p>strong i,.service-centers__menu__item__body .schedule p>strong i{color:var(--service-centers-icon-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .phone p{margin:0}.service-centers__menu__item__body .message{background-color:var(--service-centers-bg-message);border:1px solid var(--service-centers-border-color-message);margin-bottom:1em;padding:.5em}.service-centers__menu__item__body .message a{color:var(--service-centers-second-color)}.service-centers__menu__item__body .message p{color:var(--service-centers-first-color);font-size:12px;margin:0}.service-centers__menu__item__body .schedule span{display:block;line-height:26px;margin-right:8px}.service-centers__menu__item input{opacity:0;position:absolute;z-index:-1}.service-centers__menu__item input:checked~.service-centers__menu__item__body{height:auto;margin:.5em 0 0;max-height:100vh;padding:1em}.service-centers__menu__item label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--service-centers-gray-3);color:var(--service-centers-first-color);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:26px;padding:.5em;position:relative;text-transform:uppercase}.service-centers__menu__item label>span{bottom:0;font-size:22px;line-height:32px;width:24px}.service-centers__title{color:var(--service-centers-gray-5);font-size:32px;font-weight:700}.msje-localiza{color:var(--service-centers-gray-5);display:none;font-size:14px;font-weight:500;margin:30px 0}@media screen and (min-width:980px){#service-centers-map{display:block;height:100%;width:100%}.service-centers{padding:0 50px}.service-centers__container{grid-template-areas:"sidebar _ map";grid-template-columns:minmax(auto,465px) 28px minmax(50%,auto)}.service-centers__filters{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.service-centers__filters [class*=service-centers__filters]{margin:10px}.service-centers__map{border:1px solid var(--service-centers-gray-2);grid-area:map;height:390px}.service-centers__menu{max-height:390px;overflow-x:hidden;overflow-y:auto}.service-centers__menu::-webkit-scrollbar{width:8px}.service-centers__menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.service-centers__menu__item__body .contact-phones>*{width:55%}.service-centers__menu__item__body .contact-phones>*~*{width:45%}.msje-localiza{display:block}} \ No newline at end of file +/*! service-centers - v1.1.7 */@import url(https://cdn.jsdelivr.net/gh/ux-alkosto/icons/style.min.css);.service-centers__map__info-window p a,.service-centers__menu__item__body .message a{color:var(--service-centers-second-color);text-decoration:underline}.custom-select__label,.custom-select__options,.custom-select__value,.service-centers__menu__item label{background-color:var(--service-centers-white)}:root{--service-centers-font-family:Montserrat,Helvetica,sans-serif;--service-centers-first-color:#121A82;--service-centers-second-color:#0F5D68;--service-centers-third-color:#063B66;--service-centers-fourth-color:#F9C332;--service-centers-black:#000;--service-centers-gray-1:#F5F5F5;--service-centers-gray-2:#e0e0e0;--service-centers-gray-3:#D5D5D5;--service-centers-gray-4:#959595;--service-centers-gray-5:#373435;--service-centers-gray-6:#5C5C5C;--service-centers-white:#FFF;--service-centers-breakpoint:980px;--service-centers-icon-color:#0F5D68;--service-centers-color-arrow-down:#0F5D68;--service-centers-bg-message:rgba(18,26,130,0.12);--service-centers-border-color-message:rgba(18,26,130,0.08)}.custom-select__arrow,.custom-select__container,.custom-select__label,.custom-select__option,.custom-select__options,.custom-select__value,.service-centers *{-webkit-box-sizing:border-box;box-sizing:border-box}.custom-select__arrow{border-left:1px solid var(--service-centers-gray-6);bottom:8px;color:var(--service-centers-color-arrow-down);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:24px;position:absolute;right:0;top:8px;width:38px}.custom-select__container{border-radius:4px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:0;position:relative;width:100%}.custom-select__container.disabled>.custom-select__arrow{border-left:1px solid var(--service-centers-gray-2);color:var(--service-centers-gray-2)}#service-centers-map,.custom-select__container.disabled>.custom-select__label,.service-centers__map{display:none}.custom-select__container.disabled>.custom-select__value{color:var(--service-centers-gray-2);cursor:not-allowed}.custom-select__container.disabled>.custom-select__value:hover{-webkit-box-shadow:none;box-shadow:none}.custom-select__container:focus{outline:0}.custom-select__container:focus:not(.disabled)>.custom-select__value{border:1px solid var(--service-centers-third-color);-webkit-box-shadow:0 0 4px rgba(6,59,102,.4);box-shadow:0 0 4px rgba(6,59,102,.4)}.custom-select__label{color:var(--service-centers-gray-5);font-size:11px;left:.5em;padding:0 .5em;position:absolute;top:-7px}.custom-select__option,.custom-select__value{color:var(--service-centers-gray-4);cursor:pointer}.custom-select__option{font-size:14px;padding:.25em .5em;line-height:32px}.custom-select__option:hover{background-color:var(--service-centers-gray-1)}.custom-select__option[data-value="0"]{cursor:not-allowed}.custom-select__options{display:none;border-radius:0 0 4px 4px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.3);box-shadow:0 4px 4px rgba(0,0,0,.3);left:.25em;list-style:none;margin:0;max-height:300px;padding:0;position:absolute;top:calc(100% - .25em);width:calc(100% - .5em);z-index:1;overflow-x:hidden;overflow-y:auto}.custom-select__options::-webkit-scrollbar{width:8px}.custom-select__options::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.custom-select__options.show{display:block}.custom-select__value{border:1px solid var(--service-centers-gray-2);border-radius:4px;font-size:16px;height:40px;line-height:22px;outline:0;overflow:hidden;padding:8px 52px 8px 16px;text-overflow:ellipsis;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;width:-webkit-fill-available}.custom-select__value[data-status=filled]{border:1px solid var(--service-centers-third-color);color:var(--service-centers-gray-5)}.custom-select__value:hover{-webkit-box-shadow:0 0 4px rgba(92,92,92,.4);box-shadow:0 0 4px rgba(92,92,92,.4)}#service-centers-map button.gm-ui-hover-effect{display:none!important}.service-centers{font-family:var(--service-centers-font-family);padding:0 16px;overflow:hidden}.service-centers__container{display:grid;grid-template-areas:"sidebar";grid-template-columns:1fr;margin-bottom:60px;min-height:390px;width:100%}.service-centers__filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:40px 0}.service-centers__filters [class*=service-centers__filters]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:10px 0}.service-centers__map__info-window{font-family:var(--service-centers-font-family);padding-right:16px}.service-centers__map__info-window h4{color:var(--service-centers-first-color);margin:0 0 8px;font-size:16px;font-weight:600}.service-centers__map__info-window strong{color:var(--service-centers-gray-5);line-height:26px}.service-centers__map__info-window p{font-weight:500;margin:0 0 8px}.service-centers__map__info-window p i{color:var(--service-centers-second-color);font-weight:600;margin-right:3px}.service-centers__map__info-window__close{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:8px}.service-centers__map__info-window__close span{color:var(--service-centers-first-color);font-size:20px;pointer-events:none}.service-centers__menu{grid-area:sidebar;position:relative}.service-centers__menu__item{overflow:hidden;width:100%}.service-centers__menu__item__body{background:var(--service-centers-gray-1);background:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff));background:linear-gradient(0deg,#f5f5f5 0,#fff 100%);color:var(--service-centers-gray-5);height:0;max-height:0;padding:0;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}.service-centers__menu__item__body .address,.service-centers__menu__item__body .cell,.service-centers__menu__item__body .contact-phones,.service-centers__menu__item__body .email,.service-centers__menu__item__body .how-to-get,.service-centers__menu__item__body .message,.service-centers__menu__item__body .phone,.service-centers__menu__item__body .schedule{display:-webkit-box;display:-ms-flexbox;display:flex}.service-centers__menu__item__body .contact-phones{gap:1em;margin-bottom:16px}@media screen and (max-width:980px){.service-centers__menu__item__body .contact-phones{-ms-flex-wrap:wrap;flex-wrap:wrap}}.service-centers__menu__item__body .contact-phones>*{width:100%}.service-centers__menu__item__body .address a,.service-centers__menu__item__body .cell a,.service-centers__menu__item__body .email a,.service-centers__menu__item__body .how-to-get a,.service-centers__menu__item__body .phone a,.service-centers__menu__item__body .schedule a{color:var(--service-centers-second-color);display:inline-block;line-height:26px;margin-right:8px;text-decoration:underline}.service-centers__menu__item__body .address p,.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .email p,.service-centers__menu__item__body .how-to-get p,.service-centers__menu__item__body .phone p,.service-centers__menu__item__body .schedule p{font-size:14px;margin:0 0 1em}.service-centers__menu__item__body .address p:first-child,.service-centers__menu__item__body .cell p:first-child,.service-centers__menu__item__body .email p:first-child,.service-centers__menu__item__body .how-to-get p:first-child,.service-centers__menu__item__body .phone p:first-child,.service-centers__menu__item__body .schedule p:first-child{padding-left:0}.service-centers__menu__item__body .address p:not(:last-child),.service-centers__menu__item__body .cell p:not(:last-child),.service-centers__menu__item__body .email p:not(:last-child),.service-centers__menu__item__body .how-to-get p:not(:last-child),.service-centers__menu__item__body .phone p:not(:last-child),.service-centers__menu__item__body .schedule p:not(:last-child){border-right:solid thin var(--service-centers-gray-2)}.service-centers__menu__item__body .address p i,.service-centers__menu__item__body .cell p i,.service-centers__menu__item__body .email p i,.service-centers__menu__item__body .how-to-get p i,.service-centers__menu__item__body .phone p i,.service-centers__menu__item__body .schedule p i{color:var(--service-centers-second-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .address p>strong,.service-centers__menu__item__body .cell p>strong,.service-centers__menu__item__body .email p>strong,.service-centers__menu__item__body .how-to-get p>strong,.service-centers__menu__item__body .phone p>strong,.service-centers__menu__item__body .schedule p>strong{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0}.service-centers__menu__item__body .address p>strong i,.service-centers__menu__item__body .cell p>strong i,.service-centers__menu__item__body .email p>strong i,.service-centers__menu__item__body .how-to-get p>strong i,.service-centers__menu__item__body .phone p>strong i,.service-centers__menu__item__body .schedule p>strong i{color:var(--service-centers-icon-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .phone p{margin:0}.service-centers__menu__item__body .message{background-color:var(--service-centers-bg-message);border:1px solid var(--service-centers-border-color-message);margin-bottom:1em;padding:.5em}.service-centers__menu__item__body .message p{color:var(--service-centers-first-color);font-size:12px;margin:0}.service-centers__menu__item__body .schedule span{display:block;line-height:26px;margin-right:8px}.service-centers__menu__item input{opacity:0;position:absolute;z-index:-1}.service-centers__menu__item input:checked~.service-centers__menu__item__body{height:auto;margin:.5em 0 0;max-height:100vh;padding:1em}.service-centers__menu__item label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--service-centers-gray-3);color:var(--service-centers-first-color);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:26px;padding:.5em;position:relative;text-transform:uppercase}.service-centers__menu__item label>span{bottom:0;font-size:22px;line-height:32px;width:24px}.service-centers__title{color:var(--service-centers-gray-5);font-size:32px;font-weight:700}.msje-localiza{color:var(--service-centers-gray-5);display:none;font-size:14px;font-weight:500;margin:30px 0}@media screen and (min-width:980px){#service-centers-map{display:block;height:100%;width:100%}.service-centers{padding:0 50px}.service-centers__container{grid-template-areas:"sidebar _ map";grid-template-columns:minmax(auto,465px) 28px minmax(50%,auto)}.service-centers__filters{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.service-centers__filters [class*=service-centers__filters]{margin:10px}.service-centers__map{border:1px solid var(--service-centers-gray-2);grid-area:map;height:390px}.service-centers__menu{max-height:390px;overflow-x:hidden;overflow-y:auto}.service-centers__menu::-webkit-scrollbar{width:8px}.service-centers__menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.service-centers__menu__item__body .contact-phones>*{width:55%}.service-centers__menu__item__body .contact-phones>*~*{width:45%}.msje-localiza{display:block}} \ No newline at end of file diff --git a/dist/ktronix/css/servicio.css b/dist/ktronix/css/servicio.css index f662512..f254a53 100644 --- a/dist/ktronix/css/servicio.css +++ b/dist/ktronix/css/servicio.css @@ -1 +1 @@ -/*! service-centers - v1.1.6 */@import url(https://cdn.jsdelivr.net/gh/ux-alkosto/icons/style.min.css);.custom-select__label,.custom-select__options,.custom-select__value,.service-centers__menu__item label{background-color:var(--service-centers-white)}:root{--service-centers-font-family:Arial,Helvetica,sans-serif;--service-centers-first-color:#004691;--service-centers-second-color:#004691;--service-centers-third-color:#004691;--service-centers-fourth-color:#AB1114;--service-centers-black:#000;--service-centers-gray-1:#F5F5F5;--service-centers-gray-2:#e0e0e0;--service-centers-gray-3:#D5D5D5;--service-centers-gray-4:#959595;--service-centers-gray-5:#373435;--service-centers-gray-6:#5C5C5C;--service-centers-white:#FFF;--service-centers-breakpoint:980px;--service-centers-icon-color:#004691;--service-centers-color-arrow-down:#E63027;--service-centers-bg-message:rgba(0,70,145,0.12);--service-centers-border-color-message:rgba(0,70,145,0.08)}.custom-select__arrow,.custom-select__container,.custom-select__label,.custom-select__option,.custom-select__options,.custom-select__value,.service-centers *{-webkit-box-sizing:border-box;box-sizing:border-box}.custom-select__arrow{border-left:1px solid var(--service-centers-gray-6);bottom:8px;color:var(--service-centers-color-arrow-down);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:24px;position:absolute;right:0;top:8px;width:38px}.custom-select__container{border-radius:4px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:0;position:relative;width:100%}.custom-select__container.disabled>.custom-select__arrow{border-left:1px solid var(--service-centers-gray-2);color:var(--service-centers-gray-2)}#service-centers-map,.custom-select__container.disabled>.custom-select__label,.service-centers__map{display:none}.custom-select__container.disabled>.custom-select__value{color:var(--service-centers-gray-2);cursor:not-allowed}.custom-select__container.disabled>.custom-select__value:hover{-webkit-box-shadow:none;box-shadow:none}.custom-select__container:focus{outline:0}.custom-select__container:focus:not(.disabled)>.custom-select__value{border:1px solid var(--service-centers-third-color);-webkit-box-shadow:0 0 4px rgba(0,70,145,.4);box-shadow:0 0 4px rgba(0,70,145,.4)}.custom-select__label{color:var(--service-centers-gray-5);font-size:11px;left:.5em;padding:0 .5em;position:absolute;top:-7px}.custom-select__option,.custom-select__value{color:var(--service-centers-gray-4);cursor:pointer}.custom-select__option{font-size:14px;padding:.25em .5em;line-height:32px}.custom-select__option:hover{background-color:var(--service-centers-gray-1)}.custom-select__option[data-value="0"]{cursor:not-allowed}.custom-select__options{display:none;border-radius:0 0 4px 4px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.3);box-shadow:0 4px 4px rgba(0,0,0,.3);left:.25em;list-style:none;margin:0;max-height:300px;padding:0;position:absolute;top:calc(100% - .25em);width:calc(100% - .5em);z-index:1;overflow-x:hidden;overflow-y:auto}.custom-select__options::-webkit-scrollbar{width:8px}.custom-select__options::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.custom-select__options.show{display:block}.custom-select__value{border:1px solid var(--service-centers-gray-2);border-radius:4px;font-size:16px;height:40px;line-height:22px;outline:0;overflow:hidden;padding:8px 52px 8px 16px;text-overflow:ellipsis;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;width:-webkit-fill-available}.custom-select__value[data-status=filled]{border:1px solid var(--service-centers-third-color);color:var(--service-centers-gray-5)}.custom-select__value:hover{-webkit-box-shadow:0 0 4px rgba(92,92,92,.4);box-shadow:0 0 4px rgba(92,92,92,.4)}#service-centers-map button.gm-ui-hover-effect{display:none!important}.service-centers{font-family:var(--service-centers-font-family);padding:0 16px;overflow:hidden}.service-centers__container{display:grid;grid-template-areas:"sidebar";grid-template-columns:1fr;margin-bottom:60px;min-height:390px;width:100%}.service-centers__filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:40px 0}.service-centers__filters [class*=service-centers__filters]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:10px 0}.service-centers__map__info-window{font-family:var(--service-centers-font-family);padding-right:16px}.service-centers__map__info-window h4{color:var(--service-centers-first-color);margin:0 0 8px;font-size:16px;font-weight:600}.service-centers__map__info-window strong{color:var(--service-centers-gray-5);line-height:26px}.service-centers__map__info-window p{font-weight:500;margin:0 0 8px}.service-centers__map__info-window p a{color:var(--service-centers-second-color);text-decoration:underline}.service-centers__map__info-window p i{color:var(--service-centers-second-color);font-weight:600;margin-right:3px}.service-centers__map__info-window__close{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:8px}.service-centers__map__info-window__close span{color:var(--service-centers-first-color);font-size:20px;pointer-events:none}.service-centers__menu{grid-area:sidebar;position:relative}.service-centers__menu__item{overflow:hidden;width:100%}.service-centers__menu__item__body{background:var(--service-centers-gray-1);background:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff));background:linear-gradient(0deg,#f5f5f5 0,#fff 100%);color:var(--service-centers-gray-5);height:0;max-height:0;padding:0;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}.service-centers__menu__item__body .address,.service-centers__menu__item__body .cell,.service-centers__menu__item__body .contact-phones,.service-centers__menu__item__body .email,.service-centers__menu__item__body .how-to-get,.service-centers__menu__item__body .message,.service-centers__menu__item__body .phone,.service-centers__menu__item__body .schedule{display:-webkit-box;display:-ms-flexbox;display:flex}.service-centers__menu__item__body .contact-phones{gap:1em;margin-bottom:16px}@media screen and (max-width:980px){.service-centers__menu__item__body .contact-phones{-ms-flex-wrap:wrap;flex-wrap:wrap}}.service-centers__menu__item__body .contact-phones>*{width:100%}.service-centers__menu__item__body .address a,.service-centers__menu__item__body .cell a,.service-centers__menu__item__body .email a,.service-centers__menu__item__body .how-to-get a,.service-centers__menu__item__body .phone a,.service-centers__menu__item__body .schedule a{color:var(--service-centers-second-color);display:inline-block;line-height:26px;margin-right:8px;text-decoration:underline}.service-centers__menu__item__body .address p,.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .email p,.service-centers__menu__item__body .how-to-get p,.service-centers__menu__item__body .phone p,.service-centers__menu__item__body .schedule p{font-size:14px;margin:0 0 1em}.service-centers__menu__item__body .address p:first-child,.service-centers__menu__item__body .cell p:first-child,.service-centers__menu__item__body .email p:first-child,.service-centers__menu__item__body .how-to-get p:first-child,.service-centers__menu__item__body .phone p:first-child,.service-centers__menu__item__body .schedule p:first-child{padding-left:0}.service-centers__menu__item__body .address p:not(:last-child),.service-centers__menu__item__body .cell p:not(:last-child),.service-centers__menu__item__body .email p:not(:last-child),.service-centers__menu__item__body .how-to-get p:not(:last-child),.service-centers__menu__item__body .phone p:not(:last-child),.service-centers__menu__item__body .schedule p:not(:last-child){border-right:solid thin var(--service-centers-gray-2)}.service-centers__menu__item__body .address p i,.service-centers__menu__item__body .cell p i,.service-centers__menu__item__body .email p i,.service-centers__menu__item__body .how-to-get p i,.service-centers__menu__item__body .phone p i,.service-centers__menu__item__body .schedule p i{color:var(--service-centers-second-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .address p>strong,.service-centers__menu__item__body .cell p>strong,.service-centers__menu__item__body .email p>strong,.service-centers__menu__item__body .how-to-get p>strong,.service-centers__menu__item__body .phone p>strong,.service-centers__menu__item__body .schedule p>strong{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0}.service-centers__menu__item__body .address p>strong i,.service-centers__menu__item__body .cell p>strong i,.service-centers__menu__item__body .email p>strong i,.service-centers__menu__item__body .how-to-get p>strong i,.service-centers__menu__item__body .phone p>strong i,.service-centers__menu__item__body .schedule p>strong i{color:var(--service-centers-icon-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .phone p{margin:0}.service-centers__menu__item__body .message{background-color:var(--service-centers-bg-message);border:1px solid var(--service-centers-border-color-message);margin-bottom:1em;padding:.5em}.service-centers__menu__item__body .message a{color:var(--service-centers-second-color)}.service-centers__menu__item__body .message p{color:var(--service-centers-first-color);font-size:12px;margin:0}.service-centers__menu__item__body .schedule span{display:block;line-height:26px;margin-right:8px}.service-centers__menu__item input{opacity:0;position:absolute;z-index:-1}.service-centers__menu__item input:checked~.service-centers__menu__item__body{height:auto;margin:.5em 0 0;max-height:100vh;padding:1em}.service-centers__menu__item label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--service-centers-gray-3);color:var(--service-centers-first-color);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:26px;padding:.5em;position:relative;text-transform:uppercase}.service-centers__menu__item label>span{bottom:0;font-size:22px;line-height:32px;width:24px}.service-centers__title{color:var(--service-centers-gray-5);font-size:32px;font-weight:700}.msje-localiza{color:var(--service-centers-gray-5);display:none;font-size:14px;font-weight:500;margin:30px 0}@media screen and (min-width:980px){#service-centers-map{display:block;height:100%;width:100%}.service-centers{padding:0 50px}.service-centers__container{grid-template-areas:"sidebar _ map";grid-template-columns:minmax(auto,465px) 28px minmax(50%,auto)}.service-centers__filters{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.service-centers__filters [class*=service-centers__filters]{margin:10px}.service-centers__map{border:1px solid var(--service-centers-gray-2);grid-area:map;height:390px}.service-centers__menu{max-height:390px;overflow-x:hidden;overflow-y:auto}.service-centers__menu::-webkit-scrollbar{width:8px}.service-centers__menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.service-centers__menu__item__body .contact-phones>*{width:55%}.service-centers__menu__item__body .contact-phones>*~*{width:45%}.msje-localiza{display:block}} \ No newline at end of file +/*! service-centers - v1.1.7 */@import url(https://cdn.jsdelivr.net/gh/ux-alkosto/icons/style.min.css);.service-centers__map__info-window p a,.service-centers__menu__item__body .message a{color:var(--service-centers-second-color);text-decoration:underline}.custom-select__label,.custom-select__options,.custom-select__value,.service-centers__menu__item label{background-color:var(--service-centers-white)}:root{--service-centers-font-family:Arial,Helvetica,sans-serif;--service-centers-first-color:#004691;--service-centers-second-color:#004691;--service-centers-third-color:#004691;--service-centers-fourth-color:#AB1114;--service-centers-black:#000;--service-centers-gray-1:#F5F5F5;--service-centers-gray-2:#e0e0e0;--service-centers-gray-3:#D5D5D5;--service-centers-gray-4:#959595;--service-centers-gray-5:#373435;--service-centers-gray-6:#5C5C5C;--service-centers-white:#FFF;--service-centers-breakpoint:980px;--service-centers-icon-color:#004691;--service-centers-color-arrow-down:#E63027;--service-centers-bg-message:rgba(0,70,145,0.12);--service-centers-border-color-message:rgba(0,70,145,0.08)}.custom-select__arrow,.custom-select__container,.custom-select__label,.custom-select__option,.custom-select__options,.custom-select__value,.service-centers *{-webkit-box-sizing:border-box;box-sizing:border-box}.custom-select__arrow{border-left:1px solid var(--service-centers-gray-6);bottom:8px;color:var(--service-centers-color-arrow-down);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:24px;position:absolute;right:0;top:8px;width:38px}.custom-select__container{border-radius:4px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:0;position:relative;width:100%}.custom-select__container.disabled>.custom-select__arrow{border-left:1px solid var(--service-centers-gray-2);color:var(--service-centers-gray-2)}#service-centers-map,.custom-select__container.disabled>.custom-select__label,.service-centers__map{display:none}.custom-select__container.disabled>.custom-select__value{color:var(--service-centers-gray-2);cursor:not-allowed}.custom-select__container.disabled>.custom-select__value:hover{-webkit-box-shadow:none;box-shadow:none}.custom-select__container:focus{outline:0}.custom-select__container:focus:not(.disabled)>.custom-select__value{border:1px solid var(--service-centers-third-color);-webkit-box-shadow:0 0 4px rgba(0,70,145,.4);box-shadow:0 0 4px rgba(0,70,145,.4)}.custom-select__label{color:var(--service-centers-gray-5);font-size:11px;left:.5em;padding:0 .5em;position:absolute;top:-7px}.custom-select__option,.custom-select__value{color:var(--service-centers-gray-4);cursor:pointer}.custom-select__option{font-size:14px;padding:.25em .5em;line-height:32px}.custom-select__option:hover{background-color:var(--service-centers-gray-1)}.custom-select__option[data-value="0"]{cursor:not-allowed}.custom-select__options{display:none;border-radius:0 0 4px 4px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.3);box-shadow:0 4px 4px rgba(0,0,0,.3);left:.25em;list-style:none;margin:0;max-height:300px;padding:0;position:absolute;top:calc(100% - .25em);width:calc(100% - .5em);z-index:1;overflow-x:hidden;overflow-y:auto}.custom-select__options::-webkit-scrollbar{width:8px}.custom-select__options::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.custom-select__options.show{display:block}.custom-select__value{border:1px solid var(--service-centers-gray-2);border-radius:4px;font-size:16px;height:40px;line-height:22px;outline:0;overflow:hidden;padding:8px 52px 8px 16px;text-overflow:ellipsis;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;width:-webkit-fill-available}.custom-select__value[data-status=filled]{border:1px solid var(--service-centers-third-color);color:var(--service-centers-gray-5)}.custom-select__value:hover{-webkit-box-shadow:0 0 4px rgba(92,92,92,.4);box-shadow:0 0 4px rgba(92,92,92,.4)}#service-centers-map button.gm-ui-hover-effect{display:none!important}.service-centers{font-family:var(--service-centers-font-family);padding:0 16px;overflow:hidden}.service-centers__container{display:grid;grid-template-areas:"sidebar";grid-template-columns:1fr;margin-bottom:60px;min-height:390px;width:100%}.service-centers__filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:40px 0}.service-centers__filters [class*=service-centers__filters]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:10px 0}.service-centers__map__info-window{font-family:var(--service-centers-font-family);padding-right:16px}.service-centers__map__info-window h4{color:var(--service-centers-first-color);margin:0 0 8px;font-size:16px;font-weight:600}.service-centers__map__info-window strong{color:var(--service-centers-gray-5);line-height:26px}.service-centers__map__info-window p{font-weight:500;margin:0 0 8px}.service-centers__map__info-window p i{color:var(--service-centers-second-color);font-weight:600;margin-right:3px}.service-centers__map__info-window__close{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:8px}.service-centers__map__info-window__close span{color:var(--service-centers-first-color);font-size:20px;pointer-events:none}.service-centers__menu{grid-area:sidebar;position:relative}.service-centers__menu__item{overflow:hidden;width:100%}.service-centers__menu__item__body{background:var(--service-centers-gray-1);background:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff));background:linear-gradient(0deg,#f5f5f5 0,#fff 100%);color:var(--service-centers-gray-5);height:0;max-height:0;padding:0;-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}.service-centers__menu__item__body .address,.service-centers__menu__item__body .cell,.service-centers__menu__item__body .contact-phones,.service-centers__menu__item__body .email,.service-centers__menu__item__body .how-to-get,.service-centers__menu__item__body .message,.service-centers__menu__item__body .phone,.service-centers__menu__item__body .schedule{display:-webkit-box;display:-ms-flexbox;display:flex}.service-centers__menu__item__body .contact-phones{gap:1em;margin-bottom:16px}@media screen and (max-width:980px){.service-centers__menu__item__body .contact-phones{-ms-flex-wrap:wrap;flex-wrap:wrap}}.service-centers__menu__item__body .contact-phones>*{width:100%}.service-centers__menu__item__body .address a,.service-centers__menu__item__body .cell a,.service-centers__menu__item__body .email a,.service-centers__menu__item__body .how-to-get a,.service-centers__menu__item__body .phone a,.service-centers__menu__item__body .schedule a{color:var(--service-centers-second-color);display:inline-block;line-height:26px;margin-right:8px;text-decoration:underline}.service-centers__menu__item__body .address p,.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .email p,.service-centers__menu__item__body .how-to-get p,.service-centers__menu__item__body .phone p,.service-centers__menu__item__body .schedule p{font-size:14px;margin:0 0 1em}.service-centers__menu__item__body .address p:first-child,.service-centers__menu__item__body .cell p:first-child,.service-centers__menu__item__body .email p:first-child,.service-centers__menu__item__body .how-to-get p:first-child,.service-centers__menu__item__body .phone p:first-child,.service-centers__menu__item__body .schedule p:first-child{padding-left:0}.service-centers__menu__item__body .address p:not(:last-child),.service-centers__menu__item__body .cell p:not(:last-child),.service-centers__menu__item__body .email p:not(:last-child),.service-centers__menu__item__body .how-to-get p:not(:last-child),.service-centers__menu__item__body .phone p:not(:last-child),.service-centers__menu__item__body .schedule p:not(:last-child){border-right:solid thin var(--service-centers-gray-2)}.service-centers__menu__item__body .address p i,.service-centers__menu__item__body .cell p i,.service-centers__menu__item__body .email p i,.service-centers__menu__item__body .how-to-get p i,.service-centers__menu__item__body .phone p i,.service-centers__menu__item__body .schedule p i{color:var(--service-centers-second-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .address p>strong,.service-centers__menu__item__body .cell p>strong,.service-centers__menu__item__body .email p>strong,.service-centers__menu__item__body .how-to-get p>strong,.service-centers__menu__item__body .phone p>strong,.service-centers__menu__item__body .schedule p>strong{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0}.service-centers__menu__item__body .address p>strong i,.service-centers__menu__item__body .cell p>strong i,.service-centers__menu__item__body .email p>strong i,.service-centers__menu__item__body .how-to-get p>strong i,.service-centers__menu__item__body .phone p>strong i,.service-centers__menu__item__body .schedule p>strong i{color:var(--service-centers-icon-color);font-size:20px;font-weight:500;margin-right:5px}.service-centers__menu__item__body .cell p,.service-centers__menu__item__body .phone p{margin:0}.service-centers__menu__item__body .message{background-color:var(--service-centers-bg-message);border:1px solid var(--service-centers-border-color-message);margin-bottom:1em;padding:.5em}.service-centers__menu__item__body .message p{color:var(--service-centers-first-color);font-size:12px;margin:0}.service-centers__menu__item__body .schedule span{display:block;line-height:26px;margin-right:8px}.service-centers__menu__item input{opacity:0;position:absolute;z-index:-1}.service-centers__menu__item input:checked~.service-centers__menu__item__body{height:auto;margin:.5em 0 0;max-height:100vh;padding:1em}.service-centers__menu__item label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--service-centers-gray-3);color:var(--service-centers-first-color);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:700;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:26px;padding:.5em;position:relative;text-transform:uppercase}.service-centers__menu__item label>span{bottom:0;font-size:22px;line-height:32px;width:24px}.service-centers__title{color:var(--service-centers-gray-5);font-size:32px;font-weight:700}.msje-localiza{color:var(--service-centers-gray-5);display:none;font-size:14px;font-weight:500;margin:30px 0}@media screen and (min-width:980px){#service-centers-map{display:block;height:100%;width:100%}.service-centers{padding:0 50px}.service-centers__container{grid-template-areas:"sidebar _ map";grid-template-columns:minmax(auto,465px) 28px minmax(50%,auto)}.service-centers__filters{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.service-centers__filters [class*=service-centers__filters]{margin:10px}.service-centers__map{border:1px solid var(--service-centers-gray-2);grid-area:map;height:390px}.service-centers__menu{max-height:390px;overflow-x:hidden;overflow-y:auto}.service-centers__menu::-webkit-scrollbar{width:8px}.service-centers__menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px}.service-centers__menu__item__body .contact-phones>*{width:55%}.service-centers__menu__item__body .contact-phones>*~*{width:45%}.msje-localiza{display:block}} \ No newline at end of file diff --git a/dist/ktronix/img/pin.svg b/dist/ktronix/img/pin.svg index 53b4816..794a579 100644 --- a/dist/ktronix/img/pin.svg +++ b/dist/ktronix/img/pin.svg @@ -1,62 +1,25 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/package.json b/package.json index 3efd307..8059f23 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "service-centers", - "version": "1.1.6", + "version": "1.1.7", "description": "", "main": "Gruntfile.js", "dependencies": { diff --git a/src/less/servicio.less b/src/less/servicio.less index 3454653..47cc55b 100644 --- a/src/less/servicio.less +++ b/src/less/servicio.less @@ -235,6 +235,7 @@ padding: .5em; a { color: var(--service-centers-second-color); + text-decoration: underline; } p { color: var(--service-centers-first-color);