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
Una cronología extensa de la banda más influyente de las últimas décadas, Daft Punk, que cuenta con invitados de lujo como Kanye West, Giorgio Moroder o Pharrell Williams. “Unchained” es a estas alturas un documental histórico. Realizado por la BBC francesa en 2015 acerca del dúo electrónico, muestra a este dúo desde sus inicios que
Continue Reading
AlphaTheta Corporation ha anunciado esta semana el lanzamiento del plan Professional de Rekordbox, que aporta nuevas funciones y almacenamiento ilimitado en la nube para las bibliotecas musicales de los DJ gracias a la nueva asociación con Dropbox. Ahora, más que nunca, los DJ necesitan saber que pueden confiar en su biblioteca musical tanto como en el
Continue Reading
El icónico Café Mambo de Ibiza abrió una convocatoria a DJs de todo el mundo hasta este 31 de agosto. Desde que abrió sus puertas en 1994, el bar, restaurante y lugar frente a la playa de Ibiza llamado Café Mambo, ha recibido a artistas como Armin van Buuren, Annie Mac, Carl Cox, Fatboy Slim
Continue Reading
Desde su origen hasta su uso en la música moderna: encarna el cuerpo del beat. Si escuchas música electrónica, entonces has sentido ese momento de sentirse uno con el bombo (también conocido por su nombre en inglés -kick-). Más que el impacto de la caída de un ritmo, existe la sensación de que tus oídos
Continue Reading
El evento realizado en Liverpool contó con dos jornadas y reunió a destacados DJs de la escena británica. “The First Dance” es el nombre del evento que congregó a más de 3.000 asistentes en dos jornadas, el pasado fin de semana. La fiesta que se llevó a cabo en la discotheque Circus de Liverpool se
Continue Reading
El mayor encuentro de Música Chilena comienza esta semana, con un inédito formato virtual, donde habrá shows, charlas, paneles, un gran mercado de los diferentes sellos y empresas ligada a la música, junto con decenas de actividades gratuitas. Desde este lunes 16 hasta el domingo 22 de noviembre, Feria Pulsar realizará su esperada edición 2020, en
Continue Reading
Líneas maestras de Live 11 El éxito indiscutible de Live en la comunidad electrónica ha ocultado sus bondades y singularidades para otros ámbitos. Tenemos la imagen de Live tan vinculada al contexto de música electrónica, club, DJ y colindantes, que a veces le asociamos un papel de ‘DAW para electrónica’ injusto. Live era ante todo
Continue Reading
Tu trabajo como DJ es estar siempre atento al nuevo -y viejo- pero no conocido material musical. En cierto modo, lo que te pagan es por hacer el trabajo sucio de elegir excelentes canciones para otras personas. Entonces, ¿cómo hacer para encontrar música nueva para tocar? A continuación, te contamos cuáles son los canales por
Continue Reading
By
Agenda , Blog , Dj Set , Dj Set , DJ Sets , Entrevistas , Estilos de Música Electrónica , Eventos , Notice , Noticias , Prensa
Prepárate para dejarte llevar en una nueva experiencia completamente digital, desde la comodidad de tu hogar. Este año, tomando en cuenta la seguridad de todos durante la pandemia Charivari Detroit Music Festival y la Detroit Electronic Music Conference (DEMC), junto a Mixcloud, The Loft | DJ School (Chile) y Spin, Inc se llevarán a cabo
Continue Reading
Poco a poco vemos como las distintas instancias de #CulturaElectrónica se reinventan ante la realidad que vivimos a nivel mundial y para ello, el internet se ha vuelto un aliado fundamental, permitiendo la evolución de nuestra cultura a nuevas plataformas. Uno de los logros más recientes de este proceso de desarrollo es el legendario club
Continue Reading