import { useState } from 'react';
import { __ } from '@wordpress/i18n';
import {
Box,
Typography,
CircularProgress,
FormControlLabel,
Checkbox,
Grid,
Button,
Stack,
} from '@elementor/ui';
import * as PropTypes from 'prop-types';
import { htmlDecodeTextContent } from 'elementor-pro-app/utils';
import { UpgradeTooltip } from './upgrade-tooltip';
const DEFAULT_VISIBLE_ITEMS_COUNT = 16;
export function ListSettingSection( {
items,
title,
loading,
settings,
onSettingChange,
settingKey,
disabled = false,
tooltip = false,
} ) {
const [ showMore, setShowMore ] = useState( false );
return (
{ title }
{ loading
?
: <>
0 && ( settings.length !== items.length ) }
onChange={ ( e, checked ) => {
if ( checked ) {
onSettingChange( items.map( ( { value } ) => value ), true );
} else {
onSettingChange( [], true );
}
} }
sx={ { p: 0 } }
disabled={ disabled }
/>
}
sx={ {
gap: 1,
...( settings.length === items.length && disabled && { cursor: 'pointer' } ),
} }
slotProps={ {
typography: {
sx: {
fontWeight: 500,
...( settings.length === items.length && disabled && { cursor: 'pointer' } ),
},
},
} }
label={ `${ __( 'All', 'elementor-pro' ) } ${ title.toLowerCase() }` }
/>
{ ( showMore ? items : items.slice( 0, DEFAULT_VISIBLE_ITEMS_COUNT ) ).map( ( item ) => {
return (
{
if ( checked ) {
onSettingChange( [ ...settings, item.value ] );
} else {
onSettingChange( settings.filter( ( setting ) => setting !== item.value ) );
}
} }
sx={ {
p: 0,
...( settings.includes( item.value ) && disabled && { cursor: 'pointer' } ),
} }
disabled={ disabled }
/>
}
sx={ {
maxWidth: '100%',
gap: 1,
...( settings.includes( item.value ) && disabled && { cursor: 'pointer' } ),
} }
slotProps={ {
typography: {
sx: {
fontWeight: 400,
maxWidth: '100%',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
...( settings.includes( item.value ) && disabled && { cursor: 'pointer' } ),
},
},
} }
label={ htmlDecodeTextContent( item.label ) }
/>
);
} ) }
>
}
{ items.length > DEFAULT_VISIBLE_ITEMS_COUNT && (
setShowMore( ! showMore ) }
>
{ showMore ? __( 'Show less', 'elementor' ) : __( 'Show more', 'elementor' ) }
) }
);
}
ListSettingSection.propTypes = {
title: PropTypes.string.isRequired,
children: PropTypes.node,
loading: PropTypes.bool,
disabled: PropTypes.bool,
checked: PropTypes.bool,
settingKey: PropTypes.string,
onSettingChange: PropTypes.func.isRequired,
tooltip: PropTypes.bool,
items: PropTypes.arrayOf(
PropTypes.shape( {
label: PropTypes.string.isRequired,
value: PropTypes.oneOfType( [ PropTypes.string, PropTypes.number ] ),
} ),
),
settings: PropTypes.arrayOf( PropTypes.oneOfType( [ PropTypes.string, PropTypes.number ] ) ),
};
.elementor-menu-cart__wrapper{text-align:var(--main-alignment,start)}.elementor-menu-cart__toggle_wrapper{display:inline-block;position:relative}.elementor-menu-cart__toggle{display:inline-block}.elementor-menu-cart__toggle .elementor-button{align-items:center;background-color:var(--toggle-button-background-color,transparent);border-color:var(--toggle-button-border-color,#69727d);border-radius:var(--toggle-button-border-radius,0);border-style:var(--toggle-button-border-type,solid);border-width:var(--toggle-button-border-width,1px);color:var(--toggle-button-text-color,#69727d);display:inline-flex;flex-direction:row;gap:.3em;padding:var(--toggle-icon-padding,12px 24px)}.elementor-menu-cart__toggle .elementor-button:hover{background-color:var(--toggle-button-hover-background-color,transparent);border-color:var(--toggle-button-hover-border-color,#69727d);color:var(--toggle-button-hover-text-color,#69727d)}.elementor-menu-cart__toggle .elementor-button:hover .elementor-button-icon{color:var(--toggle-button-icon-hover-color,#69727d)}.elementor-menu-cart__toggle .elementor-button:hover svg{fill:var(--toggle-button-icon-hover-color,#69727d)}.elementor-menu-cart__toggle .elementor-button svg{fill:var(--toggle-button-icon-color,#69727d)}.elementor-menu-cart__toggle .elementor-button-icon{position:relative;transition:color .1s}.elementor-menu-cart__toggle .e-toggle-cart-custom-icon,.elementor-menu-cart__toggle .elementor-button-icon{color:var(--toggle-button-icon-color,#69727d);font-size:var(--toggle-icon-size,inherit)}.elementor-menu-cart__toggle .e-toggle-cart-custom-icon:hover{color:var(--toggle-button-icon-hover-color,#69727d)}.elementor-menu-cart__toggle .elementor-button-icon,.elementor-menu-cart__toggle .elementor-button-text{flex-grow:unset;order:unset}.elementor-menu-cart--items-indicator-bubble .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{background-color:var(--items-indicator-background-color,#d9534f);border-radius:100%;color:var(--items-indicator-text-color,#fff);display:block;font-size:10px;height:1.6em;inset-inline-end:-.7em;line-height:1.5em;min-width:1.6em;position:absolute;text-align:center;top:-.7em}.elementor-menu-cart--items-indicator-plain .elementor-menu-cart__toggle .elementor-button-icon{align-items:center;display:flex}.elementor-menu-cart--items-indicator-plain .elementor-menu-cart__toggle .elementor-button-icon i,.elementor-menu-cart--items-indicator-plain .elementor-menu-cart__toggle .elementor-button-icon svg{line-height:unset}.elementor-menu-cart--items-indicator-plain .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{display:inline-block;font-weight:400}.elementor-menu-cart--items-indicator-none .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{display:none}.elementor-menu-cart__container{background-color:rgba(0,0,0,.25);height:100%;left:0;overflow:hidden;position:fixed;text-align:start;top:0;transform:scale(1);transition:background-color .4s,transform 0s;width:100vw;z-index:9998}.elementor-menu-cart__main{align-items:stretch;background-color:var(--cart-background-color,#fff);border-color:var(--cart-border-color,initial);border-radius:var(--cart-border-radius,0);border-style:var(--cart-border-style,none);bottom:0;box-shadow:0 0 20px rgba(0,0,0,.2);display:flex;flex-direction:column;font-size:14px;left:var(--side-cart-alignment-left,0);margin-top:var(--mini-cart-spacing,0);max-width:100%;min-height:200px;padding:var(--cart-padding,20px 30px);position:fixed;right:var(--side-cart-alignment-right,auto);top:0;transform:translateX(0);transition:.3s;width:350px}.elementor-menu-cart__main .widget_shopping_cart_content{display:flex;flex-direction:column;height:100%}.elementor-menu-cart__main .widget_shopping_cart_content .woocommerce-mini-cart__empty-message{color:var(--empty-message-color,inherit);text-align:var(--empty-message-alignment,start)}body.elementor-default .elementor-widget-woocommerce-menu-cart:not(.elementor-menu-cart--shown) .elementor-menu-cart__container{background-color:transparent;transform:scale(0);transition:background-color .4s,transform 0s .4s}body.elementor-default .elementor-widget-woocommerce-menu-cart:not(.elementor-menu-cart--shown) .elementor-menu-cart__container .dialog-lightbox-close-button{display:none}body.elementor-default .elementor-widget-woocommerce-menu-cart:not(.elementor-menu-cart--shown) .elementor-menu-cart__main{opacity:0;overflow:hidden;transform:var(--side-cart-alignment-transform,translateX(calc(100% * var(--direction-multiplier, 1))))}.elementor-menu-cart__close-button{align-self:flex-end;cursor:pointer;display:inline-block;font-family:eicons;font-size:20px;height:var(--cart-close-icon-size,25px);line-height:1;margin:0 0 20px;position:relative;transition:.3s;width:var(--cart-close-icon-size,25px)}.elementor-menu-cart__close-button:after,.elementor-menu-cart__close-button:before{background:var(--cart-close-button-color,#69727d);border-radius:1px;content:"";height:3px;left:0;margin-top:-1px;position:absolute;top:50%;transition:.3s;width:100%}.elementor-menu-cart__close-button:hover:after,.elementor-menu-cart__close-button:hover:before{background:var(--cart-close-button-hover-color,#69727d)}.elementor-menu-cart__close-button:before{transform:rotate(45deg)}.elementor-menu-cart__close-button:after{transform:rotate(-45deg)}.elementor-menu-cart__close-button-custom{align-self:flex-end;cursor:pointer;display:inline-block;font-family:eicons;font-size:20px;line-height:1;margin:0 0 20px;position:relative;transition:.3s}.elementor-menu-cart__close-button-custom:hover:after,.elementor-menu-cart__close-button-custom:hover:before{background:var(--cart-close-button-hover-color,#69727d)}.elementor-menu-cart__close-button-custom .e-close-cart-custom-icon{color:var(--cart-close-button-color,#69727d);font-size:var(--cart-close-icon-size,25px)}.elementor-menu-cart__close-button-custom .e-close-cart-custom-icon:hover{color:var(--cart-close-button-hover-color,#69727d)}.elementor-menu-cart__close-button-custom svg{fill:var(--cart-close-button-color,#69727d);height:var(--cart-close-icon-size,25px);width:var(--cart-close-icon-size,25px)}.elementor-menu-cart__close-button-custom svg:hover{fill:var(--cart-close-button-hover-color,#69727d)}.elementor-menu-cart__products{max-height:calc(100vh - 250px);overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.elementor-menu-cart__product{border-bottom-color:var(--divider-color,#d5d8dc);border-bottom-style:var(--divider-style,solid);border-width:0 0 var(--divider-width,1px);display:grid;grid-template-columns:28% auto;grid-template-rows:var(--price-quantity-position--grid-template-rows,auto auto);position:relative}.elementor-menu-cart__product .variation{color:var(--product-variations-color,#1f2124);display:grid;grid-template-columns:max-content auto;margin:10px 0}.elementor-menu-cart__product .variation dt{grid-column-start:1}.elementor-menu-cart__product .variation dd{grid-column-start:2;margin-inline-start:5px}.elementor-menu-cart__product .variation dd p{margin-bottom:0}.elementor-menu-cart__product-image{grid-row-end:3;grid-row-start:1;width:100%}.elementor-menu-cart__product-image a,.elementor-menu-cart__product-image img{display:block}.elementor-menu-cart__product-name{grid-column-end:3;grid-column-start:2;margin:0}.elementor-menu-cart__product-name a{transition:.3s}.elementor-menu-cart__product-price{align-self:var(--price-quantity-position--align-self,end);color:var(--product-price-color,#d5d8dc);font-weight:300;grid-column-end:3;grid-column-start:2}.elementor-menu-cart__product-name,.elementor-menu-cart__product-price{font-size:14px;padding-inline-start:20px}.elementor-menu-cart__product-remove{border:1px solid var(--remove-item-button-color,#d5d8dc);border-radius:var(--remove-item-button-size,22px);bottom:20px;color:#69727d;height:var(--remove-item-button-size,22px);inset-inline-end:0;overflow:hidden;position:absolute;text-align:center;transition:.3s;width:var(--remove-item-button-size,22px)}.elementor-menu-cart__product-remove:hover{border:1px solid var(--remove-item-button-hover-color,#d5d8dc)}.elementor-menu-cart__product-remove:hover:after,.elementor-menu-cart__product-remove:hover:before{background:var(--remove-item-button-hover-color,#d5d8dc)}.elementor-menu-cart__product-remove:after,.elementor-menu-cart__product-remove:before{background:var(--remove-item-button-color,#d5d8dc);content:"";height:1px;left:25%;margin-top:-1px;position:absolute;top:50%;transition:.3s;width:50%;z-index:1}.elementor-menu-cart__product-remove:before{transform:rotate(45deg)}.elementor-menu-cart__product-remove:after{transform:rotate(-45deg)}.elementor-menu-cart__product-remove>a{display:block;height:100%;opacity:0;overflow:hidden;position:absolute;width:100%;z-index:2}.elementor-menu-cart__product-remove>a.remove_from_cart_button{display:var(--remove-from-cart-button,block)}.elementor-menu-cart__product-remove>a.elementor_remove_from_cart_button{display:var(--elementor-remove-from-cart-button,none)}.elementor-menu-cart__product:last-child{border:none}.elementor-menu-cart__footer-buttons,.elementor-menu-cart__product:not(:first-of-type),.elementor-menu-cart__subtotal{padding-top:var(--product-divider-gap,20px)}.elementor-menu-cart__product{padding-inline-end:30px}.elementor-menu-cart__product,.elementor-menu-cart__subtotal{padding-bottom:var(--product-divider-gap,20px)}.elementor-menu-cart__subtotal{border-color:var(--subtotal-divider-color,#d5d8dc);border-style:var(--subtotal-divider-style,solid);border-width:var(--subtotal-divider-top-width,1px) var(--subtotal-divider-right-width,1px) var(--subtotal-divider-bottom-width,1px) var(--subtotal-divider-left-width,1px);color:var(--menu-cart-subtotal-color,inherit);font-size:20px;font-weight:600;text-align:var(--menu-cart-subtotal-text-align,center)}.elementor-menu-cart__footer-buttons{display:var(--cart-footer-buttons-alignment-display,grid);font-size:20px;grid-template-columns:var(--cart-footer-layout,1fr 1fr);margin-top:var(--cart-buttons-position-margin,0);text-align:var(--cart-footer-buttons-alignment-text-align,center);grid-column-gap:var(--space-between-buttons,10px);grid-row-gap:var(--space-between-buttons,10px)}.elementor-menu-cart__footer-buttons .elementor-button{border-radius:var(--cart-footer-buttons-border-radius,0);display:inline-block;height:-moz-fit-content;height:fit-content}.elementor-menu-cart__footer-buttons .elementor-button--view-cart{background-color:var(--view-cart-button-background-color,#69727d);color:var(--view-cart-button-text-color,#fff);display:var(--view-cart-button-display,inline-block);padding:var(--view-cart-button-padding,15px)}.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{background-color:var(--view-cart-button-hover-background-color,#69727d);color:var(--view-cart-button-hover-text-color,#fff)}.elementor-menu-cart__footer-buttons .elementor-button--checkout{background-color:var(--checkout-button-background-color,#69727d);color:var(--checkout-button-text-color,#fff);display:var(--checkout-button-display,inline-block);padding:var(--checkout-button-padding,15px)}.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{background-color:var(--checkout-button-hover-background-color,#69727d);color:var(--checkout-button-hover-text-color,#fff)}@media (max-width:ELEMENTOR_SCREEN_MOBILE_MAX){.elementor-menu-cart__footer-buttons .elementor-button{padding-left:10px;padding-right:10px}}.elementor-widget-woocommerce-menu-cart.elementor-menu-cart--empty-indicator-hide .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter="0"],.elementor-widget-woocommerce-menu-cart:not(.elementor-menu-cart--show-subtotal-yes) .elementor-menu-cart__toggle .elementor-button-text{display:none}.elementor-widget-woocommerce-menu-cart:not(.elementor-menu-cart--show-remove-button-yes) .elementor-menu-cart__product{grid-template-columns:25% auto;padding-left:0;padding-right:0}.elementor-widget-woocommerce-menu-cart:not(.elementor-menu-cart--show-remove-button-yes) .elementor-menu-cart__product-remove{display:none}.elementor-widget-woocommerce-menu-cart.remove-item-position--top .elementor-menu-cart__product-remove{bottom:auto;top:0}.elementor-widget-woocommerce-menu-cart.remove-item-position--top .elementor-menu-cart__products .cart_item:not(:first-of-type) .elementor-menu-cart__product-remove{bottom:auto;top:20px}.elementor-widget-woocommerce-menu-cart.remove-item-position--middle .elementor-menu-cart__product-remove{bottom:50%;transform:translateY(50%)}.elementor-widget-woocommerce-menu-cart.remove-item-position--bottom .elementor-menu-cart__product-remove{bottom:20px;top:auto}.elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container{background:none;bottom:auto;height:auto;min-width:330px;overflow:visible;position:absolute;top:100%;inset-inline:0 auto;transform:scale(1);transition:background-color .4s,transform 0s;width:auto}.elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__main{height:auto;inset:auto;overflow:visible;position:relative;transform:translateY(0);transition:.3s;width:auto}@media (max-width:ELEMENTOR_SCREEN_MOBILE_MAX){.elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container{min-width:300px}}body.elementor-default .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart:not(.elementor-menu-cart--shown) .elementor-menu-cart__container{transform:scale(0);transition:background-color .4s,transform 0s .4s}body.elementor-default .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart:not(.elementor-menu-cart--shown) .elementor-menu-cart__main{opacity:0;transform:translateY(-10px)}.elementor-edit-area-active .elementor-widget-woocommerce-menu-cart.elementor-widget.elementor-loading.elementor-menu-cart--shown{opacity:1}.elementor-edit-area-active .elementor-widget-woocommerce-menu-cart.elementor-widget.elementor-loading.elementor-menu-cart--shown .elementor-menu-cart__container{z-index:9999}.elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-dropdown .elementor-menu-cart__container{display:none}/*! elementor-pro - v4.2.0 - 19-08-2026 */
.elementor-widget-countdown .elementor-countdown-expire--message{display:none;padding:20px;text-align:center}.elementor-widget-countdown .elementor-countdown-wrapper{flex-direction:row}.elementor-widget-countdown .elementor-countdown-item{color:#fff;padding:20px 0;text-align:center}.elementor-widget-countdown .elementor-countdown-digits,.elementor-widget-countdown .elementor-countdown-label{line-height:1}.elementor-widget-countdown .elementor-countdown-digits{font-size:69px}.elementor-widget-countdown .elementor-countdown-label{font-size:19px}.elementor-widget-countdown.elementor-countdown--label-block .elementor-countdown-wrapper{display:flex;justify-content:center;margin-inline:auto}.elementor-widget-countdown.elementor-countdown--label-block .elementor-countdown-digits,.elementor-widget-countdown.elementor-countdown--label-block .elementor-countdown-label{display:block}.elementor-widget-countdown.elementor-countdown--label-block .elementor-countdown-item{flex-basis:0;flex-grow:1}.elementor-widget-countdown.elementor-countdown--label-inline{text-align:center}.elementor-widget-countdown.elementor-countdown--label-inline .elementor-countdown-item{display:inline-block;padding-left:5px;padding-right:5px}
Dj School Chile | Blog Left Sidebar
Recién hablábamos de la nueva tornamesa Technics y esta semana Roland nos sorprende con nuevos productos, los cuales avalan el potente auge que ha tenido la música electrónica a nivel mundial. El 9 de Septiembre fue un día especial para la comunidad musical ya que Roland hizo un lanzamiento masivo de sus nuevos productos que
Continue Reading
Panasonic acaba de anunciar que su nueva tornamesa Technics SL- 1200G estará disponible para la venta este mes. Esto viene después del anuncio del último año de la edición especial con unidades limitadas de la SL-1200GAE, que fue mostrada después de que toda la línea de producción de las Technics fuera descontinuada. La nueva SL-1200G
Continue Reading
¡Música electrónica para todos los gustos en plena Av. Providencia! Estuvimos presentes en la última edición de Noche de Colores Providencia con algunos de nuestros más destacados Dj’s: Matias Prieto, Pato Salinas – Dj Tressor, DJWASK, Inguerzon, Matías Jara,Milandres González, Vicho Izzo, Sergio Herrera, Halikom entre otros.
#EntradaLiberada Este miércoles 7 de septiembre a las 19:00hrs, te invitamos a una nueva Clínica en Técnicas de Mezcla y Conformación de Set. La actividad será guiada por Pato Salinas – Dj Tressor, destacado Dj, Docente y Director de nuestra academia. Para asegurar tu cupo al evento, sólo debes inscribirte en el siguiente formulario y
Continue Reading
Sin duda Creamfields es uno de los festivales de música electrónica más importantes realizados en territorio nacional, y en esta versión décimo tercera, vuelve al aire libre y en día domingo. Desde las 12 del día hasta entrada la noche, habrá una variada parrilla musical para el deleite de todos los asistentes que quieran pasar
Continue Reading
#EntradaLiberada Este sábado 03 de septiembre a las 13:00hrs, te invitamos a una nueva Open Class sobre el Curso de Dj Profesional. La actividad será guiada por nuestro Co Fundador y Docente Pato Salinas – Dj Tressor. Para asegurar tu cupo al evento, sólo debes inscribirte en el siguiente formulario y ya estarás dentro: http://bit.ly/2c2ME2l Consultas: admision@djschoolscl.cl
Continue Reading
#EntradaLiberada Este viernes 26 de agosto a las 18:00hrs, te invitamos a una nueva Music & Dj Experience donde no sólo tendrás la oportunidad de conocer y probar nuestros equipos, si no que también se ensañaremos sobre mezcla y producción musical. La actividad será guiada por el staff de Dj School. Para asegurar tu
Continue Reading
De un momento a otro pareciera ser que todo el mundo está familiarizado con la música electrónica, ya sea Techno, House o Deep House. El pop lo ha fagocitado para sus propósitos comerciales y hasta Madonna se rindió a sus encantos cuando contrató al productor William Orbit para que produjera el famoso álbum “Ray of
Continue Reading
Las visuales siempre serán una parte importante de las presentaciones en vivo de un Dj. Con esto en mente Pioneer lanzó al mercado REKORDBOX VIDEO PLUS PACK, un gestor de archivos de video e imagen en rekordbox que pueden ser reproducidos y mezclados en directo desde cualquier controlador de la gama DDJ como si fueran
Continue Reading