csdsolutions-csdjs/csd-init.js

Libreria per i progetti di CSD Solutions

import { initializeFab, initializeSplitButton } from "./csd-button.js";
import { initializeDatepickers } from "./csd-datepicker.js";
import {
    initializeEditor,
    executeCommand,
    executeMenuAction,
    showDropdown,
    showColorPicker,
    showSpecialCharacters,
    insertTable,
    toggleSourceMode,
    updateWordCount,
    initializeAutoformatting,
    replaceText,
    initializeSearchbar,
    initializeCheckbox,
    initializeRadio,
    initializeRange,
    initializePassword,
    initializeMask,
    initializeOTP,
    initializeTextArea,
    createMenuBar,
    createToolbar,
    createToolbarButton,
    createStatusBar,
    initializeToggle,
    initializeToggleButton,
    showLinkPopover,
    showImagePicker,
    showTablePicker,
  } from "./csd-input.js";
import { initializeModal, initializePopover, initializeSplitter, initializeConfirmDialog, initializeToast, initializeList, initializeReorder } from "./csd-layout.js";
import {
    initializeDropdown,
    initializeSubmenu,
    initializeSidebar,
    initializeStepper,
    initializeAccordion,
    initializeSegment,
    initializeTab,
    initializeMenu,
    initializeToolbar,
    closeAllSubmenus,
    initializeNavigation
} from "./csd-navigation.js";
import { initializeNumber } from "./csd-number.js";
import { initializeCustomSelect } from "./csd-select.js";

const originalVal = _CSD_UTILS.prototype.val;

$CSD(document).ready(function () {
    // Initialize searchbar components
    $CSD(".csd-searchbar-input:not(.csd-select-editable)").each(function () {
        initializeSearchbar(this);
    });

    // Initialize form components
    $CSD(".csd-select").each(function () {
        initializeCustomSelect(this);
    });

    $CSD(".csd-checkbox").each(function () {
        initializeCheckbox(this);
    });

    $CSD(".csd-radio").each(function () {
        initializeRadio(this);
    });

    // Initialize password inputs
    $CSD('input[type="password"].csd-input').each(function () {
        initializePassword(this);
    });
    
    // Initialize masked inputs
    $CSD("input[data-mask].csd-input").each(function () {
        initializeMask(this);
    });

    // Initialize number inputs
    $CSD(".csd-number").each(function () {
        initializeNumber(this);
    });

    // Initialize textareas
    $CSD(".csd-textarea").each(function () {
        initializeTextArea(this)
    });  

    // Initialize datepickers
    initializeDatepickers();

    // Reinitialize datepickers on content change
    $CSD(document).on("contentChanged", function () {
        initializeDatepickers();
    });
    
    // Initialize range components
    $CSD(".csd-range").each(function () {
        initializeRange(this);
    });
  
    $CSD(".csd-knob").each(function () {
        initializeKnob(this);
    });

    // Initialize toggle components
    $CSD(".csd-toggle").each(function () {
        initializeToggle(this);
    });
    
    $CSD(".csd-toggle-button").each(function () {
        initializeToggleButton(this);
    });

    // Initialize UI components
    $CSD('.csd-segment').each(function() {
        initializeSegment(this);
    });

    $CSD('.csd-tabs').each(function() {
        initializeTab(this);
    });

    $CSD('.csd-stepper-container').each(function() {
        initializeStepper(this);
    });

    // Initialize menu components
    $CSD('.csd-menubar').each(function() {
        initializeMenu(this);
    });

    $CSD('.csd-mega-menu').each(function() {
        initializeMenu(this);
    });

    $CSD('.csd-toolbar').each(function() {
        initializeToolbar(this);
    });
    
    // Initialize sidebar
    initializeSidebar();

    // Initialize navigation elements
    $CSD('.csd-navigation').each(function() {
        initializeNavigation(this);
    });

    // Initialize tooltip elements
    $CSD('[data-csd-tooltip]').each(function() {
        initializeTooltip(this);
    });

    // Initialize alert elements
    $CSD('.csd-alert').each(function() {
        initializeAlert(this);
    });

    // Initialize accordion elements
    $CSD('.csd-accordion').each(function() {
        initializeAccordion(this);
    });

    // Initialize dropdown elements
    $CSD('.csd-dropdown').each(function() {
        initializeDropdown(this);
    });

    // Initialize toast elements
    $CSD('.csd-toast').each(function() {
        initializeToast(this);
    });

    // Modal
    $CSD('.csd-modal').each(function() {
        initializeModal(this);
    });
    
    // Confirm Dialog
    $CSD('.csd-modal-confirm').each(function() {
        initializeConfirmDialog(this);
    });
    
    // Popover
    $CSD('.csd-popover').each(function() {
        initializePopover(this);
    });
    
    // Initialize splitter functionality
    $CSD('.csd-splitter').each(function() {
        initializeSplitter(this);
    });

    // Initialize FABs
    $CSD('.csd-fab').each(function() {
        initializeFab(this);
    });

    // Initialize list
    $CSD('.csd-list').each(function() {
        initializeList(this);
    });

    // Initialize reorder
    $CSD('.csd-reorder').each(function() {
        initializeReorder(this);
    });

    // Initialize global toast
    window.toast = initializeToast();

    // Initialize all split buttons
    $CSD('.csd-split-button').each(function() {
        initializeSplitButton(this);
    });

    // Initialize all editors
    $CSD('.csd-editor').each(function() {
        initializeEditor(this);
    });
});