import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
import { S as States } from './utils.js';
import { d as defineCustomElement$g } from './mds-avatar2.js';
import { d as defineCustomElement$f } from './mds-img2.js';
import { d as defineCustomElement$e } from './mds-text2.js';
import { d as defineCustomElement$d } from './sw-addon-reminder2.js';
import { d as defineCustomElement$c } from './sw-addon-reminder-body2.js';
import { d as defineCustomElement$b } from './sw-addon-reminder-footer2.js';
import { d as defineCustomElement$a } from './sw-addon-reminder-header2.js';
import { d as defineCustomElement$9 } from './sw-badge-error2.js';
import { d as defineCustomElement$8 } from './sw-description-input2.js';
import { d as defineCustomElement$7 } from './sw-input-button2.js';
import { d as defineCustomElement$6 } from './sw-input-select2.js';
import { d as defineCustomElement$5 } from './sw-input-text-area2.js';
import { d as defineCustomElement$4 } from './sw-obligatory-field2.js';
import { d as defineCustomElement$3 } from './sw-options-menu2.js';
import { d as defineCustomElement$2 } from './sw-searchbox2.js';

const swContentWrapperCss = "*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;}::before,::after{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-feature-settings:normal;}body{margin:0;line-height:inherit;}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:'Roboto Mono', monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0;}button,select{text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af;}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af;}button,[role=\"button\"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.container{width:100%}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1440px){.container{max-width:1440px}}@media (min-width: 1600px){.container{max-width:1600px}}@media (min-width: 1920px){.container{max-width:1920px}}.pointer-events-none{pointer-events:none !important}.collapse{visibility:collapse !important}.static{position:static !important}.fixed{position:fixed !important}.absolute{position:absolute !important}.relative{position:relative !important}.sticky{position:sticky !important}.top-4{top:1rem !important}.left-5{left:1.25rem !important}.bottom-0{bottom:0px !important}.right-0{right:0px !important}.my-3{margin-top:0.75rem !important;margin-bottom:0.75rem !important}.mx-6{margin-left:1.5rem !important;margin-right:1.5rem !important}.mb-2{margin-bottom:0.5rem !important}.ml-2{margin-left:0.5rem !important}.mr-10{margin-right:2.5rem !important}.ml-10{margin-left:2.5rem !important}.mr-2{margin-right:0.5rem !important}.mr-4{margin-right:1rem !important}.ml-4{margin-left:1rem !important}.block{display:block !important}.inline{display:inline !important}.flex{display:flex !important}.table{display:table !important}.hidden{display:none !important}.h-screen{height:100vh !important}.h-full{height:100% !important}.h-auto{height:auto !important}.min-h-\\[200px\\]{min-height:200px !important}.min-h-\\[50px\\]{min-height:50px !important}.w-screen{width:100vw !important}.w-\\[200px\\]{width:200px !important}.w-full{width:100% !important}.w-10{width:2.5rem !important}.w-\\[40px\\]{width:40px !important}.w-auto{width:auto !important}.w-24{width:6rem !important}.min-w-\\[200px\\]{min-width:200px !important}.max-w-\\[100px\\]{max-width:100px !important}.flex-none{flex:none !important}.grow{flex-grow:1 !important}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important}.cursor-pointer{cursor:pointer !important}.cursor-grab{cursor:grab !important}.flex-row{flex-direction:row !important}.flex-col{flex-direction:column !important}.items-center{align-items:center !important}.justify-between{justify-content:space-between !important}.whitespace-pre-wrap{white-space:pre-wrap !important}.rounded-md{border-radius:0.375rem !important}.rounded-lg{border-radius:0.5rem !important}.rounded-b-md{border-bottom-right-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.rounded-t-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.border{border-width:1px !important}.bg-brand-maggioli-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-maggioli-05), var(--tw-bg-opacity)) !important}.bg-brand-synbee-eolo-v1-18{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-synbee-eolo-v1-18), var(--tw-bg-opacity)) !important}.bg-brand-synbee-eolo-v1-17{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-synbee-eolo-v1-17), var(--tw-bg-opacity)) !important}.bg-brand-synbee-eolo-04{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-synbee-eolo-04), var(--tw-bg-opacity)) !important}.bg-brand-synbee-eolo-v1-06{--tw-bg-opacity:1 !important;background-color:rgba(var(--brand-synbee-eolo-v1-06), var(--tw-bg-opacity)) !important}.bg-label-amaranth-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-amaranth-05), var(--tw-bg-opacity)) !important}.bg-label-aqua-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-aqua-05), var(--tw-bg-opacity)) !important}.bg-label-blue-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-blue-05), var(--tw-bg-opacity)) !important}.bg-label-green-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-green-05), var(--tw-bg-opacity)) !important}.bg-label-lime-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-lime-05), var(--tw-bg-opacity)) !important}.bg-label-orange-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-orange-05), var(--tw-bg-opacity)) !important}.bg-label-orchid-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-orchid-05), var(--tw-bg-opacity)) !important}.bg-label-sky-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-sky-05), var(--tw-bg-opacity)) !important}.bg-label-yellow-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-yellow-05), var(--tw-bg-opacity)) !important}.bg-label-violet-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--label-violet-05), var(--tw-bg-opacity)) !important}.bg-status-error-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--status-error-05), var(--tw-bg-opacity)) !important}.bg-status-info-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--status-info-05), var(--tw-bg-opacity)) !important}.bg-status-success-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--status-success-05), var(--tw-bg-opacity)) !important}.bg-status-warning-05{--tw-bg-opacity:1 !important;background-color:rgba(var(--status-warning-05), var(--tw-bg-opacity)) !important}.fill-label-blue-05{fill:rgb(var(--label-blue-05)) !important}.fill-label-green-06{fill:rgb(var(--label-green-06)) !important}.p-4{padding:1rem !important}.py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important}.py-3{padding-top:0.75rem !important;padding-bottom:0.75rem !important}.pr-6{padding-right:1.5rem !important}.pl-5{padding-left:1.25rem !important}.pr-4{padding-right:1rem !important}.pt-10{padding-top:2.5rem !important}.text-base{font-size:1rem !important;line-height:1.5rem !important}.text-sm{font-size:0.875rem !important;line-height:1.25rem !important}.font-bold{font-weight:700 !important}.font-normal{font-weight:400 !important}.lowercase{text-transform:lowercase !important}.text-brand-synbee-eolo-v1-06{--tw-text-opacity:1 !important;color:rgba(var(--brand-synbee-eolo-v1-06), var(--tw-text-opacity)) !important}.text-brand-synbee-eolo-v1-04{--tw-text-opacity:1 !important;color:rgba(var(--brand-synbee-eolo-v1-04), var(--tw-text-opacity)) !important}.text-adjust-tone-04{--tw-text-opacity:1 !important;color:rgba(var(--adjust-tone-04), var(--tw-text-opacity)) !important}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important}:host{display:block}.wrapp{width:300px;height:200px}.active\\:cursor-grabbing:active{cursor:grabbing !important}";

const SwContentWrapper$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    this.__attachShadow();
    this.pluginActions = [];
    this.baseUrl = "cicciobello";
    this.done = false;
    this.sendDateForCalendar = false;
    this.dark = true;
    this.myProperty = undefined;
    this.state = States.create;
    this.deleteMod = false;
    this.textEmitted = undefined;
  }
  componentWillRender() {
    const pluginAction1 = {
      id: "v2/stream/recentchange",
      name: "pluginAction1",
      info: "info",
    };
    const pluginAction2 = {
      id: "v2/stream/recentchange",
      name: "AzionePromemoria",
      info: "info",
    };
    const pluginAction3 = {
      id: "v2/stream  /recentchange",
      name: "pluginAction3",
      info: "info",
    };
    const pluginAction4 = {
      id: "v2/stream/recentchange",
      name: "pluginAction4",
      info: "info",
    };
    const pluginAction5 = {
      id: "v2/stream/recentchange",
      name: "pluginAction5",
      info: "info",
    };
    const pluginAction6 = {
      id: "v2/stream/recentchange",
      name: "pluginAction6",
      info: "info",
    };
    const pluginAction7 = {
      id: "v2/stream/recentchange",
      name: "pluginAction7",
      info: "info",
    };
    const pluginAction8 = {
      id: "v2/stream/recentchange",
      name: "pluginAction8",
      info: "info",
    };
    const pluginAction9 = {
      id: "v2/stream/recentchange",
      name: "pluginAction9",
      info: "info",
    };
    const pluginAction10 = {
      id: "v2/stream/recentchange",
      name: "pluginAction10",
      info: "info",
    };
    const pluginAction11 = {
      id: "v2/stream/recentchange",
      name: "pluginAction11",
      info: "info",
    };
    const pluginAction12 = {
      id: "v2/stream/recentchange",
      name: "pluginAction13",
      info: "info",
    };
    const pluginAction13 = {
      id: "v2/stream/recentchange",
      name: "pluginAction14",
      info: "info",
    };
    const pluginAction14 = {
      id: "v2/stream/recentchange",
      name: "pluginAction15",
      info: "info",
    };
    const pluginAction15 = {
      id: "v2/stream/recentchange",
      name: "pluginAction16",
      info: "info",
    };
    const pluginAction16 = {
      id: "v2/stream/recentchange",
      name: "pluginAction17",
      info: "info",
    };
    const pluginAction17 = {
      id: "v2/stream/recentchange",
      name: "pluginAction18",
      info: "info",
    };
    const pluginAction18 = {
      id: "v2/stream/recentchange",
      name: "pluginAction19",
      info: "info",
    };
    const pluginAction19 = {
      id: "v2/stream/recentchange",
      name: "pluginAction20",
      info: "info",
    };
    const pluginAction20 = {
      id: "v2/stream/recentchange",
      name: "pluginAction21",
      info: "info",
    };
    const pluginAction21 = {
      id: "v2/stream/recentchange",
      name: "pluginAction22",
      info: "info",
    };
    const pluginAction22 = {
      id: "v2/stream/recentchange",
      name: "pluginAction23",
      info: "info",
    };
    const pluginAction23 = {
      id: "v2/stream/recentchange",
      name: "pluginAction24",
      info: "info",
    };
    const pluginAction24 = {
      id: "v2/stream/recentchange",
      name: "pluginAction25",
      info: "info",
    };
    const pluginAction25 = {
      id: "v2/stream/recentchange",
      name: "pluginAction26",
      info: "info",
    };
    const pluginAction26 = {
      id: "v2/stream/recentchange",
      name: "pluginAction27",
      info: "info",
    };
    const pluginAction27 = {
      id: "v2/stream/recentchange",
      name: "pluginAction28",
      info: "info",
    };
    const pluginAction28 = {
      id: "v2/stream/recentchange",
      name: "pluginAction29",
      info: "info",
    };
    const pluginAction29 = {
      id: "v2/stream/recentchange",
      name: "pluginAction30",
      info: "info",
    };
    const pluginAction30 = {
      id: "v2/stream/recentchange",
      name: "pluginAction31",
      info: "info",
    };
    const pluginAction31 = {
      id: "v2/stream/recentchange",
      name: "pluginAction32",
      info: "info",
    };
    const pluginAction32 = {
      id: "v2/stream/recentchange",
      name: "pluginAction33",
      info: "info",
    };
    const pluginAction33 = {
      id: "v2/stream/recentchange",
      name: "pluginAction34",
      info: "info",
    };
    const pluginAction34 = {
      id: "v2/stream/recentchange",
      name: "pluginAction35",
      info: "info",
    };
    // const plugin1 = {id:'1', name:'pippo', pluginActionList:[pluginAction1,pluginAction2,pluginAction3]}
    // const plugin2 = {id:'2', name:'non buono',pluginActionList:[pluginAction4,pluginAction5]}
    // const plugin3 = {id:'3', name:'e vabbè',pluginActionList:[pluginAction6,pluginAction7,pluginAction8]}
    // const plugin4 = {id:'4', name:'proviamo',pluginActionList:[pluginAction9]}
    // const plugin5 = {id:'5', name:'pluto',pluginActionList:[pluginAction10]}
    // const plugin6 = {id:'6', name:'putin',pluginActionList:[pluginAction11]}
    this.pluginActions.push(pluginAction1, pluginAction2, pluginAction3, pluginAction4, pluginAction5, pluginAction6, pluginAction7, pluginAction8, pluginAction9, pluginAction10, pluginAction11, pluginAction12, pluginAction13, pluginAction14, pluginAction15, pluginAction16, pluginAction17, pluginAction18, pluginAction19, pluginAction20, pluginAction21, pluginAction22, pluginAction23, pluginAction24, pluginAction25, pluginAction26, pluginAction27, pluginAction28, pluginAction29, pluginAction30, pluginAction31, pluginAction32, pluginAction33, pluginAction34);
    this.myProperty = {
      name: "cambiato complimenti",
      description: "aaaaa",
      startDate: "2022-07-21T23:15:00",
      endDate: "2022-07-22T03:15:00",
      actionRead: false,
      id: 187,
      idPluginAction: 9,
      sendUpdateNotification: false,
    };
  }
  changeDark() {
    this.deleteMod = !this.deleteMod;
  }
  getTextFromInputText(ev) {
    this.textEmitted = ev.detail;
  }
  submit() {
    if (this.state === States.create) {
      this.state = States.view;
    }
    else {
      this.state = States.create;
    }
  }
  render() {
    return (h("div", { class: "bg-brand-maggioli-05 w-screen h-screen" }, h("div", { class: "wrapp w-[200px]" }, h("sw-input-text-area", { state: this.state, text: this.textEmitted, countWords: true }), this.textEmitted, h("button", { onClick: () => this.submit() }, "Submit")), h("sw-addon-reminder", { doneFlag: this.done, idPluginAction: this.idPlugin, idPluginActionExternal: this.idPluginExternal, reminderInfoDTO: this.myProperty, state: "view" }), h("sw-addon-reminder", { sendDataForCalendar: this.sendDateForCalendar, reminderInfoDTO: this.myProperty, withoutFooter: false })));
  }
  changeAnotherDTO(ev) {
    if (ev) {
      this.done = false;
      this.idPlugin = 70;
      this.idPluginExternal = 777;
      this.myProperty = {
        name: "cambiato complimenti",
        description: "aaaaa",
        startDate: "2022-07-20T01:15:00",
        endDate: "2022-07-20T03:15:00",
        actionRead: false,
        id: 187,
        idPluginAction: 9,
        sendUpdateNotification: false,
      };
    }
  }
  changeDTO(ev) {
    if (ev) {
      this.sendDateForCalendar = true;
      this.done = true;
      this.idPlugin = 69;
      this.idPluginExternal = 666;
      this.baseUrl = "http://federico-derrico.app.dev.synbee.it";
      this.myProperty = {
        name: "proviamo di nuovo",
        description: "aaaaa",
        startDate: "2022-05-20T01:15:00",
        endDate: "2022-05-20T03:15:00",
        actionRead: false,
        id: 187,
        idPluginAction: 9,
        sendUpdateNotification: false,
      };
    }
  }
  static get style() { return swContentWrapperCss; }
}, [1, "sw-content-wrapper", {
    "myProperty": [32],
    "state": [32],
    "deleteMod": [32],
    "textEmitted": [32]
  }, [[0, "outputText", "getTextFromInputText"]]]);
function defineCustomElement$1() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["sw-content-wrapper", "mds-avatar", "mds-img", "mds-text", "sw-addon-reminder", "sw-addon-reminder-body", "sw-addon-reminder-footer", "sw-addon-reminder-header", "sw-badge-error", "sw-description-input", "sw-input-button", "sw-input-select", "sw-input-text-area", "sw-obligatory-field", "sw-options-menu", "sw-searchbox"];
  components.forEach(tagName => { switch (tagName) {
    case "sw-content-wrapper":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, SwContentWrapper$1);
      }
      break;
    case "mds-avatar":
      if (!customElements.get(tagName)) {
        defineCustomElement$g();
      }
      break;
    case "mds-img":
      if (!customElements.get(tagName)) {
        defineCustomElement$f();
      }
      break;
    case "mds-text":
      if (!customElements.get(tagName)) {
        defineCustomElement$e();
      }
      break;
    case "sw-addon-reminder":
      if (!customElements.get(tagName)) {
        defineCustomElement$d();
      }
      break;
    case "sw-addon-reminder-body":
      if (!customElements.get(tagName)) {
        defineCustomElement$c();
      }
      break;
    case "sw-addon-reminder-footer":
      if (!customElements.get(tagName)) {
        defineCustomElement$b();
      }
      break;
    case "sw-addon-reminder-header":
      if (!customElements.get(tagName)) {
        defineCustomElement$a();
      }
      break;
    case "sw-badge-error":
      if (!customElements.get(tagName)) {
        defineCustomElement$9();
      }
      break;
    case "sw-description-input":
      if (!customElements.get(tagName)) {
        defineCustomElement$8();
      }
      break;
    case "sw-input-button":
      if (!customElements.get(tagName)) {
        defineCustomElement$7();
      }
      break;
    case "sw-input-select":
      if (!customElements.get(tagName)) {
        defineCustomElement$6();
      }
      break;
    case "sw-input-text-area":
      if (!customElements.get(tagName)) {
        defineCustomElement$5();
      }
      break;
    case "sw-obligatory-field":
      if (!customElements.get(tagName)) {
        defineCustomElement$4();
      }
      break;
    case "sw-options-menu":
      if (!customElements.get(tagName)) {
        defineCustomElement$3();
      }
      break;
    case "sw-searchbox":
      if (!customElements.get(tagName)) {
        defineCustomElement$2();
      }
      break;
  } });
}
defineCustomElement$1();

const SwContentWrapper = SwContentWrapper$1;
const defineCustomElement = defineCustomElement$1;

export { SwContentWrapper, defineCustomElement };
