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 | Agenda
En este Webinar, el artista chileno Jim Hast te dará a conocer todas las opciones creativas y personalizadas que incluye el banco de efectos de Ableton Live, para añadir más originalidad a tus instrumentos y ritmos en tus composiciones musicales. La inscripción es gratuita, sólo debes llenar éste formulario para participar. Te esperamos este miércoles
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
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
Se acerca un nuevo Piknic Electronik y nuestra emoción es la misma cada vez, por eso te daremos la oportunidad de asistir a una de las mejores fiestas del verano con la ayuda de #DjSchoolChile. Llena el formulario que encontrarás al final de este artículo y aprovecha la oportunidad de participar por dos entradas a
Continue Reading
NOMBRE REAL: Alessandro Lindblad NICKNAME: Alesso ESTILO Y TENDENCIA: Progressive House, Electro House, Bass house, Big room house, Pop, Dance, Moombahton, Deep House AÑO DE INICIO: 2010 ARTISTAS RELACIONADOS: Calvin Harris, Avicii, Swedish House Mafia, Kaskade, Tiësto, Afrojack, Sebastian Ingrosso, Armin van Buuren, Above & Beyond, David Guetta SELLOS: LW Recordings, Def Jam TEMAS ICONOS:
Continue Reading
Regresa este año a Chile uno de los festivales de música electrónica más grandes del mundo: Dreambeach. Presentando un line-up lleno de artistas nacionales e internacionales preparados para estallar tus sentidos este próximo sábado, 11 de enero. ¡Conviértete en un dreamer gracias a Dj School! Llena el formulario que encontrarás al final de este artículo
Continue Reading
NOMBRE REAL: Corey Soljan NICKNAME: Code Black ESTILO Y TENDENCIA: Hardstyle AÑO DE INICIO: 2011 ARTISTAS RELACIONADOS: Coone, Wildstylez, Brennan Heart, Zatox, Noisecontrollers SELLOS: Fusion Records, We R Music TEMAS ICONOS: Accelerate, I’m feeling it (Code Black Remix), GTFO, Brighter Day La carrera de este DJ y productor australiano con Bioweapon, un dúo que mantuvo
Continue Reading
NOMBRE REAL: Charlotte de Witte NICKNAME: Charlotte de Witte, Raving George ESTILO Y TENDENCIA: Techno, Electro, Dark Techno AÑO DE INICIO: 2010 ARTISTAS RELACIONADOS: Adam Beyer, Amelie Lens, Maceo Plex, Chris Liebing, Joseph Capriati SELLOS: K NT XT, Mary Go Wild, novamute, Sleaze Records, Suara, Turbo Recordings. TEMAS ICONOS: Space Riders (Charlotte de Witte Remix),
Continue Reading