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
Kraftwerk, los pioneros de la música electrónica y obsesivos del ciclismo han diseñado un marco para bicicletas de carreras, una versión especial que se utilizará en el Tour de Francia. Tony Martin, campeón mundial de trial, montará el marco especial diseñado por Ralf Hütter en la carrera de apertura en Düsseldorf, la ciudad alemana donde
Continue Reading
Javiera Gonzalez ha innovado nuevamente en sus creaciones, lanzando un track con una identidad propia. Ricardo Villalobos y Max Loderbauer AKA Vilod se unen para homenajearla creando un trabajo de más de 15 minutos y se espera su lanzamiento para el próximo 14 de julio. Más información aquí Si quieres ser parte de nuestra academia, ingresa
Continue Reading
«I Want To Know» es el nuevo single que acaba de sacar por Beatport Dj Wask, nuestro docente y cofundador de Dj School, dueño también del sello de música electrónica DNW Records. El single que trae un solo tema es remezclado por Das Orlando, un joven productor chileno que ya ha captado la atención y
Continue Reading
El club alemán celebró 25 años de operación con una serie de fiestas a lo largo de 2016. Tresor es uno de los clubes más importantes del techno mundial. Fundado en Berlín en 1991, desempeñó un papel fundamental en la conexión de las escenas emergentes de techno alemán y estadounidense, acogiendo algunos de los primeros conciertos
Continue Reading
El origen de la música electrónica es confuso: dentro de su inmenso paraguas ha engendrado innumerables subgéneros y los artistas que crean este tipo de música graban con frecuencia, bajo un sinnúmero de alias diferentes por lo que un poco de contexto nos ayudará a desentrañar su comienzo. En la década de 1970, grupos de
Continue Reading
Nicolás Inguerzon, Dj profesional y productor musical que ha participado en importantes escenarios de nuestro país, nos envía un chart cargado de energía para disfrutar este fin de semana largo. Nicolás es docente de nuestra academia y desde un tiempo también está produciendo su propia música. Más información de nuestra academia, conoce nuestro curso de
Continue Reading
Nuevas noticias para el mundo de los Djs. Esta vez provienen de la realidad virtual. En el Electronic Entertainment Expo, celebrado en San Francisco, se lanzaron las primeras configuraciones de un sistema de Dj en VR llamado “TheWave” y promete ser una experiencia envolvente. Ahora no será necesario que tu dj favorito vaya a tu
Continue Reading
Bajos profundos, melodías en arpegios y pasajes ambientales; todo ensamblado en un track de largo aliento. Éste es el paisaje sonoro que nos entrega nuestra egresada de Dj School, Lorena Sulz. Su primer EP llamado “Starstuff” salió este 19 de Junio por Amante Records. El single Stargazer va acompañado de una versión remasterizada de Locura
Continue Reading
La nueva actualización de Rekordbox busca mejoras en estabilidad y rendimiento. La versión final ha necesitado 10 versiones betas, las cuales eran entregadas a través de la web con el posterior feedback de los usuarios El arduo trabajo de los desarrolladores de este software de Djs ha rendido frutos y ofrece mejoras y una buena
Continue Reading
Sónar es un festival de música electrónica de tres días de duración. Fue fundado en Barcelona en el año 1994 por Ricard Robles, Enric Palau y Sergi Caballero. El festival se ha dividido en dos partes desde sus inicios: Sónar Día y Sónar Noche. También se sumó Sónar + D, un congreso de tres días
Continue Reading