laurisstepanovs

<button class="btn btn-primary" data-modal-toggle="#modal_draggable">
Show Modal
</button>
<div class="modal" data-modal="true" id="modal_draggable">
<div class="modal-content max-w-[600px] top-[10%]">
  <div class="modal-header">
    <h3 class="modal-title">
      Modal Title
    </h3>
    <button class="btn btn-xs btn-icon btn-light" data-modal-dismiss="true">

laurisstepanovs

import {
  getAttributeValueByBreakpoint,
  stringSnakeToCamel,
  getObjectPropertyValueByKey,
  EventHandlerUtil,
  throttle,
} from '../_utils/index'

export class SwapperStore {
  static store: Map<string, SwapperComponent> = new Map()

laurisstepanovs

import objectPath from "object-path";
import { config } from "@/layouts/default-layout/config/helper";
import { useBodyStore } from "@/stores/body";
import { useConfigStore } from "@/stores/config";

class LayoutService {
  public static bodyStore: any;
  public static configStore: any;

  /**

laurisstepanovs

import {
  DataUtil,
  ElementAnimateUtil,
  ElementStyleUtil,
  EventHandlerUtil,
  getAttributeValueByBreakpoint,
  getCSS,
  getElementOffset,
  getObjectPropertyValueByKey,
  getScrollTop,

laurisstepanovs

<link id="main-css" rel="stylesheet" href="/style.bundle.css">

laurisstepanovs

<link id="main-css" rel="stylesheet" href="/style.bundle.css">

laurisstepanovs

/* eslint-disable no-undef */
const path = require("path");
const WebpackRTLPlugin = require("webpack-rtl-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const RemovePlugin = require("remove-files-webpack-plugin");

// global variables
// eslint-disable-next-line no-undef
const distPath = `${path.resolve(__dirname)}/src/assets/rtl`;
const entries = { style: "./src/assets/sass/style.scss" };

laurisstepanovs

import {Link} from 'react-router-dom'
import clsx from 'clsx'
import {useLayout} from '../../core'
import {toAbsoluteUrl} from '../../../helpers'
import {AsideMenu} from './AsideMenu'
import {AsideUserMenu} from '../../../partials'
import {useThemeMode} from '../../../partials/layout/theme-mode/ThemeModeProvider'
import { MenuComponent } from '../../../assets/ts/components'

const AsideDefault = () => {

laurisstepanovs

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "noImplicitAny": false,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,

laurisstepanovs

const menuRef = ref<HTMLElement | null>(null);
const menuInst = ref<MenuComponent | null>(null);

onMounted(() => {
  setTimeout(() => {
    console.log("rstarst");
    if (menuRef.value) {
      menuInst.value = MenuComponent.getInstance(menuRef.value);

      menuInst.value?.on("kt.menu.dropdown.show", function () {