import{html as e}from"../../../lit/index.js";import"../responsive-utility.js";export const ResponsiveUtilityBehaviors=t=>class extends t{static get properties(){let e={};return super.properties&&(e=super.properties),{...e,disableResponsive:{type:Boolean,reflect:!0,attribute:"disable-responsive"},responsiveSize:{type:String,attribute:"responsive-size",reflect:!0},responsiveWidth:{type:Number,attribute:"responsive-width",reflect:!0},sm:{type:Number,attribute:"sm"},md:{type:Number,attribute:"md"},lg:{type:Number,attribute:"lg"},xl:{type:Number,attribute:"xl"}}}render(){return e`<slot></slot>`}constructor(){super(),this.responsiveSize="xs",this.sm=600,this.md=900,this.lg=1200,this.xl=1500,this.disableResponsive=!1}firstUpdated(){super.firstUpdated(),this.disableResponsive||(globalThis.ResponsiveUtility.requestAvailability(),this.dispatchEvent(new CustomEvent("responsive-element",{bubbles:!0,cancelable:!0,composed:!0,detail:{attribute:"responsive-size",custom:"responsive-width",element:this,sm:this.sm,md:this.md,lg:this.lg,xl:this.xl}})))}disconnectedCallback(){this.disableResponsive||this.dispatchEvent(new CustomEvent("responsive-element-deleted",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),super.disconnectedCallback()}};