GET https://nileadtheme.mynilead.com/app_dev.php/backend/block/widget/525599/update_mapping?dump_form=1&updated=0

Response
200 OK
Browse referrer URL
IP
123.21.217.188
Profiled on
Token
9fbce9

Forms

  • nilead_widget_mapping
    • name
    • enabled
    • configs
    • mapping
    • _token

nilead_widget_mapping

Form type: 
"Nilead\BlockBundle\Form\Type\WidgetMappingType"

Errors

This form has no errors.

Default Data

Property Value
Model Format same as normalized format
Normalized Format 
Nilead\BlockBundle\Model\Widget {#10130
  #extraOptions: [
    "providers"
    "mapping"
    "configs"
  ]
  #name: "linkon"
  +providerType: ""
  +providerOptions: []
  +providerConfigs: []
  -alias: null
  -_oldAlias: null
  -styles: [
    "class" => "font-400"
    "styles" => [
      "default" => [
        "default" => [
          "fontSize" => "text-base"
        ]
      ]
    ]
  ]
  -providers: []
  -mapping: []
  -configs: [
    "id" => null
    "attributes" => []
    "themeColor" => null
    "customCss" => """
      img {\n
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);\n
        transform-style: preserve-3d;\n
        will-change: transform;\n
      }\n
      \n
      h1, h2, h3, h4, h5, h6 { \n
        display: block;\n
        margin-start: 0;\n
        margin-end: 0;\n
        margin-left: 0;\n
        margin-right: 0; \n
      }\n
      \n
      h1 {\n
        font-size: 2em;\n
        margin-top: 0.67em;\n
        margin-bottom: 0.67em;\n
      }\n
      h2 {\n
        font-size: 1.5em;\n
        margin-top: 0.83em;\n
        margin-bottom: 0.83em;\n
      }\n
      h3 {\n
        font-size: 1.17em;\n
        margin-top: 1em;\n
        margin-bottom: 1em;\n
      }\n
      h4 {\n
        font-size: 1em;\n
        margin-top: 1.33em;\n
        margin-bottom: 1.33em;\n
      }\n
      h5 {\n
        font-size: .83em;\n
        margin-top: 1.67em;\n
        margin-bottom: 1.67em;\n
      }\n
      h6 {\n
        font-size: .67em;\n
        margin-top: 2.33em;\n
        margin-bottom: 2.33em;\n
      }\n
      \n
      /*animate slide caption, title, buttons*/\n
      .nl-widget-element-slider.is-initialized {\n
        opacity: 1;\n
      }\n
      .nl-widget-element-slider-slide .nl-slide-content > .caption,\n
      .nl-widget-element-slider-slide .nl-slide-content > *:nth-child(1) {\n
        -webkit-text-stroke-width: 1px;\n
        -webkit-text-stroke-color: rgba(255,255,255,0.5);\n
        color: transparent;\n
      }\n
      .nl-widget-element-slider-slide:not(.is-active) * {\n
        transition-delay: 0ms;\n
        /*-webkit-transition: all 0.6s cubic-bezier(0.77,0,0.175,1) 0.8s;*/\n
        /*  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  transition: all 0.6s cubic-bezier(0.77,0,0.175,1) 0.8s;*/\n
      }\n
      .nl-widget-element-slider-slide.is-active * {\n
        --tw-translate-y: 0;\n
        --tw-translate-x: 0;\n
        opacity: 1;\n
      }\n
      .nl-widget-element-slider[data-nav="horizontal"] .nl-widget-element-slider-nav > div.is-active {\n
        width: 72px;\n
      }\n
      .nl-widget-element-slider[data-nav="horizontal"] .nl-widget-element-slider-nav > div.is-active > div {\n
        width: 100%;\n
        transition-duration: var(--time);\n
      }\n
      \n
      \n
      @media (min-width: 1024px) {\n
        .nl-grid-menus {\n
          display: block;\n
         column-count: 2;\n
         column-gap: 12rem;\n
        }\n
        .nl-grid-menus > * {\n
          break-inside: avoid;\n
        }\n
        .nl-grid-menus > *:first-child {\n
          margin-top: -2rem;\n
        }\n
      }\n
      \n
      /*blog item*/\n
      .truncate-3-lines {\n
          height: 3.5rem;\n
          -webkit-line-clamp: 3;\n
          overflow: hidden;\n
          -o-text-overflow: ellipsis;\n
          text-overflow: ellipsis;\n
          display: -webkit-box !important;\n
          -webkit-box-orient: vertical;\n
      }\n
      @media screen and (min-width: 1280px) {\n
          .truncate-3-lines {\n
              height: 3.8rem;\n
          }\n
      }\n
      \n
      /* NILEAD link styles */\n
      /*--------------------*/\n
      .nilead-link a {\n
      \toutline: none;\n
        text-decoration: none;\n
        position: relative;\n
        line-height: 1;\n
        color: #742014;\n
        display: inline-block;\n
        overflow: hidden;\n
        padding: 4px 2px;\n
        font-weight: 600;\n
        margin: 0px 0 -6px 0;\n
      }\n
      /*.nilead-link:hover {*/\n
      /*  font-weight: 400;*/\n
      /*}*/\n
      ::root {\n
      --nl-bg: #101941;\n
      }\n
      \n
      .nilead-link a::after {\n
      \tcontent: '';\n
        position: absolute;\n
        height: 100%;\n
        width: 100%;\n
        top: 0;\n
        right: -1px;\n
        z-index: 0;\n
        background: var(--nl-bg);\n
        -webkit-transform: translate3d(101%, 0, 0);\n
        transform: translate3d(101%, 0, 0);\n
        -webkit-transition: -webkit-transform 0.5s;\n
        transition: transform 0.5s;\n
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
      }\n
      .nilead-link a:hover::after {\n
      \t-webkit-transform: translate3d(0,0,0);\n
      \ttransform: translate3d(0,0,0);\n
      }\n
      .nilead-link u {\n
        display: block;\n
        position: relative;\n
        z-index: 1;\n
        text-decoration: none;\n
      }\n
      .nilead-link a u::before {\n
      \tcontent: 'Nilead';\n
        position: absolute;\n
        color: #FFFFFF;\n
        left: 0;\n
        overflow: hidden;\n
        white-space: nowrap;\n
        width: 0%;\n
        -webkit-transition: width 0.5s;\n
        transition: width 0.5s;\n
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
      }\n
      .nilead-link a:hover u::before {\n
      \twidth: 100%;\n
      }\n
      \n
      /*menu*/\n
      .nl-language span:first-child {\n
        -webkit-box-shadow: inset 0 0 0 2px currentColor;\n
        box-shadow: inset 0px 0 0px 2px currentColor;\n
        border-color: currentColor;\n
        transition: all 300ms ease-in-out;\n
      }\n
      .nl-language:not(.current):not(:hover) span:first-child {\n
        -webkit-box-shadow: none;\n
        box-shadow: none;\n
        opacity: .5;\n
      }\n
      .nl-language::before {\n
        display: none;\n
      }\n
      .nl-backdrop-menu {\n
        opacity: 0;\n
        pointer-events: none;\n
        -webkit-transition: opacity .3s ease-in-out;\n
        -o-transition: opacity .3s ease-in-out;\n
        transition: opacity .3s ease-in-out;\n
      }\n
      \n
      /*.nl-header {*/\n
        /*min-height: var(--h-header);*/\n
      /*}*/\n
      .nl-header-inner {\n
        -webkit-animation: menu-slide-up .8s .1s cubic-bezier(.25,.46,.45,.94) both;\n
        animation: menu-slide-up .8s .1s cubic-bezier(.25,.46,.45,.94) both;\n
      }\n
      .nl-header.header-fixed .nl-header-inner {\n
        position: fixed;\n
        /*background-color: #fff;*/\n
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);\n
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);\n
        z-index: 1030;\n
        -webkit-animation: menu-slide-down .5s cubic-bezier(.25,.46,.45,.94) both;\n
        animation: menu-slide-down .5s cubic-bezier(.25,.46,.45,.94) both;\n
        -webkit-transition: background-color .2s ease-in-out;\n
        -o-transition: background-color .2s ease-in-out;\n
        transition: background-color .2s ease-in-out\n
      }\n
      /*.nl-header.header-fixed .nl-logo {*/\n
      /*  padding: .75rem 0;*/\n
      /*  margin: 0;*/\n
      /*}*/\n
      .nl-header.header-fixed .nl-logo .inactive { \n
        opacity: 1;\n
      }\n
      .nl-header.header-fixed .nl-logo .active { \n
        /*opacity: 0;*/\n
        height: 60px;\n
      }\n
        .nl-header a, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle {\n
            /*color: inherit;*/\n
            font-weight: 600;\n
            /*text-transform: uppercase;*/\n
            position: relative;\n
            text-decoration: none;\n
            line-height: 2;\n
        }\n
      @media (min-width: 1280px) {\n
        .nl-header a.nl-effect-hover::before,\n
        .nl-header .nl-main-menu a::before, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle::before {\n
            content: '';\n
            position: absolute;\n
            bottom: .25rem;\n
            width: 0;\n
            transition: all 300ms ease;\n
            border-bottom: 2px solid;\n
            left: 50%;\n
            transform: translateX(-50%);\n
        }\n
        .nl-header a.nl-effect-hover:hover::before, \n
        .nl-header .nl-main-menu a:hover::before, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle:hover::before {\n
            width: calc(100% - 2rem);\n
        }\n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle.nl-toggle-lang:hover::before {\n
          width: 100%;\n
        }\n
      \n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-sub-menu,\n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-main-menu {\n
          display: block !important;\n
        }\n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-sub-menu {\n
          z-index: -1;\n
          pointer-events: none;\n
          -webkit-box-shadow: 0 2px 4px -2px rgb(0 0 0 / 10%);\n
          box-shadow: 0 2px 4px -2px rgb(0 0 0 / 10%);\n
          opacity: 0;\n
          -webkit-transition: opacity .3s ease-in-out;\n
          -o-transition: opacity .3s ease-in-out;\n
          transition: opacity .3s ease-in-out\n
        }\n
        .nl-header.header-fixed .nl-widget-element-dropdown-list.nl-sub-menu { \n
          padding-top: 1.25rem;\n
        }\n
        .nl-main-menu .nl-widget-element-dropdown-toggle::after {\n
          display: inline-block;\n
          margin-left: 0.255em;\n
          content: "";\n
          border-top: 4px solid;\n
          border-right: 4px solid transparent;\n
          border-left: 4px solid transparent;\n
          background-color: transparent;\n
          vertical-align: 2px;\n
        }\n
        .nl-widget-element-dropdown:hover > .nl-widget-element-dropdown-list.nl-sub-menu {\n
          z-index: 1030;\n
          pointer-events: auto;\n
          opacity: 1;\n
        }\n
        .nl-main-menu .nl-widget-element-link,\n
        .nl-main-menu .nl-widget-element-dropdown-toggle {\n
          position: relative;\n
        }\n
        .nl-product-filter {\n
          display: block !important;\n
        }\n
      }\n
      \n
      @media (min-width: 1921px) { \n
        .nl-header .nl-header-right {\n
          padding-right: 16.666667%;\n
        }\n
      }\n
      \n
      @media (max-width: 1279px) {\n
        .open-main-menu {\n
          overflow: hidden;  \n
        }\n
        \n
        .nl-header .nl-main-menu,\n
        .nl-header .nl-sub-menu {\n
          position: fixed;\n
          display: block !important;\n
          top: 0;\n
          left: -100%;\n
          z-index: 1030;\n
          width: 89%;\n
          height: 100%;\n
          height: -webkit-calc(var(--vh,1vh) * 100);\n
          height: calc(var(--vh,1vh) * 100);\n
          margin-top: 0;\n
          -webkit-box-shadow: 4px 3px 8px rgb(0 0 0 / 16%);\n
          box-shadow: 4px 3px 8px rgb(0 0 0 / 16%);\n
          opacity: 1;\n
          -webkit-transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
          -o-transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
          transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
        }\n
        .nl-header .nl-main-menu.dropdown-active,\n
        .nl-header .nl-main-menu.dropdown-active .nl-sub-menu.dropdown-active {\n
          left: 0;\n
          background-color: #fff;\n
        }\n
        .nl-main-menu.dropdown-active + .nl-backdrop-menu {\n
          pointer-events: auto;\n
          opacity: 1;\n
          z-index: 1029;\n
        }\n
        .nl-main-menu .nl-widget-element-dropdown-toggle::after {\n
          content: "";\n
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100'%3e%3cpath transform='rotate(-90 25 50)' d='m25,75l50,-40l-10,-10l-40,30l-40,-30l-10,10l50,40z' fill='%23742014'/%3e%3c/svg%3e");\n
          background-size: 6px 12px;\n
          background-repeat: no-repeat;\n
          display: inline-block;\n
          width: 6px;\n
          height: 12px;\n
        }\n
        .nl-sub-menu h4::before {\n
          content:"";\n
          margin-right: 1rem;\n
          width: 16px;\n
          height: 16px;\n
          background-repeat: no-repeat;\n
          background-position: center;\n
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.2 32'%3e%3cpath d='m51.2,14l-43.846,0l10.732,-11.18l-2.726,-2.82l-15.36,16l15.36,16l2.707,-2.82l-10.713,-11.18l43.846,0l0,-4z' fill='%23742014'/%3e%3c/svg%3e");\n
        }\n
      }\n
      /*menu*/\n
      \n
      /*grid masonry*/\n
      .grid-wrapper > div {\n
      \tdisplay: flex;\n
      \tjustify-content: center;\n
      \talign-items: center;\n
      }\n
      .grid-wrapper img {\n
      \twidth: 100%;\n
      \theight: 100%;\n
      \tobject-fit: cover;\n
      \tborder-radius: 5px;\n
      }\n
      \n
      .grid-wrapper {\n
      \tdisplay: grid;\n
      \tgrid-gap: 1rem;\n
      \tgrid-template-columns: repeat(auto-fit, minmax(1fr, 1fr));\n
      \tgrid-auto-flow: dense;\n
      }\n
      @media (min-width: 640px) {\n
      .grid-wrapper {\n
      \tdisplay: grid;\n
      \tgrid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n
      \tgrid-auto-rows: 200px;\n
      }\n
      .grid-wrapper .wide {\n
      \tgrid-column: span 2;\n
      }\n
      .grid-wrapper .tall {\n
      \tgrid-row: span 2;\n
      }\n
      .grid-wrapper .big {\n
      \tgrid-column: span 2;\n
      \tgrid-row: span 2;\n
      }\n
      }
      """
    "customJs" => """
      //scroll detector for changing the styles of the header\r\n
      // taken from: https://css-tricks.com/styling-based-on-scroll-position/\r\n
      //---------------------------------------------------------------------\r\n
      \r\n
      var header = nu.querySelector('.nl-header');\r\n
      var headerInner = nu.querySelector('.nl-header-inner', header);\r\n
      var headerBottom = nu.querySelector('.nl-header-bottom');\r\n
      if ( null !== header && null !== headerBottom &&\r\n
              "IntersectionObserver" in window &&\r\n
              "IntersectionObserverEntry" in window &&\r\n
              "intersectionRatio" in window.IntersectionObserverEntry.prototype\r\n
      ) {\r\n
        // document.documentElement.style.setProperty('--h-header', headerInner.offsetHeight + 'px');\r\n
      \r\n
        let observer = new IntersectionObserver(entries => {\r\n
          if (entries[0].boundingClientRect.y < 0) {\r\n
            header.classList.add("header-fixed");\r\n
          } else {\r\n
            header.classList.remove("header-fixed");\r\n
          }\r\n
        });\r\n
        observer.observe(headerBottom);\r\n
        // window.addEventListener('resize', function(event) {\r\n
        //   setTimeout(function(){\r\n
        //     document.documentElement.style.setProperty('--h-header', headerInner.offsetHeight + 'px');\r\n
        //   }, 50);\r\n
        // }, true);\r\n
      }\r\n
      \r\n
      // trigger animte class vertical, horizontal\r\n
      nu.forEach(nu.querySelectorAll('.nl-widget-element-slider'), function (slider) {\r\n
        nu.addEventListener(slider, 'sliderReady', function () {\r\n
          var splide = nu.getData(slider, 'nuSlider');\r\n
          var nav = slider.hasAttribute('data-nav');\r\n
          if (splide && nav) {\r\n
            splide.options.rewind = true;\r\n
            slider.style.setProperty('--time', splide.options.interval + 'ms');\r\n
          }\r\n
        })\r\n
      });
      """
  ]
  -options: []
  -interactions: []
  -conditions: []
  -referenceRoles: null
  -status: 0
  -enabled: true
  -aboveFold: false
  -position: 13685
  -widgetType: Proxies\__CG__\Nilead\BlockBundle\Model\WidgetType {#10221
    #extraOptions: [
      "role"
      "providers"
      "mapping"
      "configs"
    ]
    #name: "tailwind"
    #styles: [
      "class" => "text-base font-400"
    ]
    -sku: "tailwind__layout"
    -owner: "base"
    #version: "1.1.12"
    #publishable: false
    #transparent: false
    -role: "layout"
    -compatibles: []
    -framework: ""
    -providers: []
    -mapping: []
    -configs: [
      "themeColor" => [
        "type" => "Nilead\FormBundle\Type\Misc\ColorPickerType"
        "options" => [
          "label" => "Theme Color"
        ]
      ]
      "customCss" => [
        "type" => "Nilead\FormBundle\Type\CodeEditorType"
        "options" => [
          "label" => "Custom CSS"
          "mode" => "css"
        ]
      ]
      "customJs" => [
        "type" => "Nilead\FormBundle\Type\CodeEditorType"
        "options" => [
          "label" => "Custom JS"
          "mode" => "javascript"
        ]
      ]
    ]
    -options: [
      "prefix" => "tailwind_layout"
      "canParent" => true
      "events" => [
        "scroll_page_up" => [
          "label" => "Scrolling Page (Up)"
          "type" => "continuous"
        ]
        "scroll_page_down" => [
          "label" => "Scrolling Page (Down)"
          "type" => "continuous"
        ]
        "scroll_page_left" => [
          "label" => "Scrolling Page (Left)"
          "type" => "continuous"
        ]
        "scroll_page_right" => [
          "label" => "Scrolling Page (Right)"
          "type" => "continuous"
        ]
        "page_load" => [
          "label" => "Page Load"
          "type" => "instant"
        ]
        "page_before_unload" => [
          "label" => "Before Unload"
          "type" => "instant"
        ]
        "page_unload" => [
          "label" => "Unload"
          "type" => "instant"
        ]
        "scroll_into_view" => false
        "scroll_out_of_view" => false
      ]
    ]
    -interactions: []
    -blockType: "Nilead\BlockBundle\Block\Type\LayoutType"
    -children: []
    -system: false
    #nileadId: null
    #id: 47
    #oldId: null
    #summary: "Base website layout.\n"
    #description: "A base layout utilizing Tailwind, which is a utility-first CSS framework.\n"
    #enabled: true
    #position: 46
    #created: 1589974881
    #updated: 1753949486
    #tags: [
      Nilead\TagBundle\Model\Tag {#10195
        #name: "w:layout"
        #tagRelation: Doctrine\ORM\PersistentCollection {#10198 …}
        #linked: false
        #id: 15
        #oldId: null
        #color: null
        #created: 1560141756
        #updated: 1560141756
      }
      Nilead\TagBundle\Model\Tag {#10202
        #name: "w:page-layout"
        #tagRelation: Doctrine\ORM\PersistentCollection {#10204 …}
        #linked: false
        #id: 116
        #oldId: null
        #color: "none"
        #created: 1597910979
        #updated: 1597910979
      }
    ]
    #tagsLinked: [
      "w:layout" => [
        "link" => 2
        "id" => 15
      ]
      "w:page-layout" => [
        "link" => 2
        "id" => 116
      ]
    ]
    +__isInitialized__: true
     …2
  }
  -layoutSource: null
  -source: null
  -isSource: false
  -isShortcut: false
  -root: null
  -parent: null
  -style: Proxies\__CG__\Nilead\BlockBundle\Model\Style {#10141
    #name: "linkon"
    #type: "website"
    #screens: [
      [
        "name" => "Large Phone"
        "class" => "sm"
        "value" => "640px"
      ]
      [
        "name" => "Tablet Portrait"
        "class" => "md"
        "value" => "768px"
      ]
      [
        "name" => "Tablet Landscape"
        "class" => "lg"
        "value" => "1024px"
      ]
      [
        "name" => "Desktop Small"
        "class" => "xl"
        "value" => "1280px"
      ]
      [
        "name" => "Desktop Large"
        "class" => "xxl"
        "value" => "1440px"
      ]
      [
        "name" => "Desktop HD"
        "class" => "xxxl"
        "value" => "1920px"
      ]
      [
        "name" => "Default"
        "class" => "default"
        "value" => "375px"
      ]
    ]
    #colors: [
      [
        "name" => "primary"
        "value" => "#101941"
        "class" => "primary"
      ]
      [
        "name" => "secondary"
        "value" => "#1676B6"
        "class" => "secondary"
      ]
      [
        "name" => "muted"
        "value" => "#B0B7B9"
        "class" => "muted"
      ]
      [
        "name" => "caption"
        "value" => "#F99F24"
        "class" => "caption"
      ]
      [
        "name" => "disabled"
        "value" => "#616161"
        "class" => "disabled"
      ]
      [
        "name" => "highlight"
        "value" => "#F99F24"
        "class" => "highlight"
      ]
      [
        "name" => "warning"
        "value" => "#F5A419"
        "class" => "warning"
      ]
      [
        "name" => "success"
        "value" => "#29AB6E"
        "class" => "success"
      ]
      [
        "name" => "error"
        "value" => "#FF4E4E"
        "class" => "error"
      ]
      [
        "name" => "link"
        "value" => "#F99F24"
        "class" => "link"
      ]
      [
        "name" => "link-hover"
        "value" => "#1676B6"
        "class" => "link-hover"
      ]
      [
        "name" => "link-visit"
        "value" => "#F99F24"
        "class" => "link-visited"
      ]
      [
        "name" => "link-active"
        "value" => "#F99F24"
        "class" => "link-active"
      ]
      [
        "name" => "black"
        "value" => "#000000"
        "class" => "black"
      ]
      [
        "name" => "white"
        "value" => "#FFFFFF"
        "class" => "white"
      ]
    ]
    #fontSizes: []
    #typographies: [
      [
        "name" => "Roboto"
        "families" => [
          [
            "family" => 35
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Roboto"
      ]
      [
        "name" => "Playfair Display"
        "families" => [
          [
            "family" => 19
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Playfair-Display"
      ]
      [
        "name" => "Josefin Sans"
        "families" => [
          [
            "family" => 286
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Josefin-Sans"
      ]
    ]
    #extra: [
      "fontSize" => []
      "order" => []
      "colGap" => []
      "rowGap" => []
      "margin" => []
      "padding" => []
      "scrollMargin" => []
      "scrollPadding" => []
      "space" => []
      "lineHeight" => []
      "letterSpacing" => []
      "width" => []
      "minWidth" => []
      "maxWidth" => []
      "height" => []
      "minHeight" => []
      "maxHeight" => []
      "borderRadius" => []
      "borderWidth" => []
      "ringWidth" => []
      "ringOffset" => []
      "zIndex" => []
      "scale" => []
      "translate" => []
      "rotate" => []
      "skew" => []
      "transform" => []
      "blur" => []
      "brightness" => []
      "contrast" => []
      "hueRotate" => []
      "saturate" => []
      "backdropBlur" => []
      "backdropBrightness" => []
      "backdropContrast" => []
      "backdropGrayscale" => []
      "backdropSaturate" => []
      "opacity" => []
      "backdropOpacity" => []
      "placeholderOpacity" => []
      "borderOpacity" => []
      "backgroundOpacity" => []
      "ringOpacity" => []
      "textOpacity" => []
      "textIndent" => []
      "textUnderlineOffset" => []
      "textDecorationThickness" => []
    ]
    #styles: [
      "body" => [
        "default" => [
          "default" => [
            "font" => "font-Roboto"
            "fontWeight" => "font-light"
            "lineHeight" => "leading-normal"
            "padding" => [
              "bottom" => "pb-1"
            ]
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => []
        ]
      ]
      ".heading-big" => [
        "default" => [
          "default" => [
            "fontSize" => "text-2xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => [
            "fontSize" => "text-5xl"
            "lineHeight" => "leading-normal"
          ]
        ]
      ]
      "h1,h2,h3,h4,h5,h6" => [
        "default" => [
          "default" => [
            "fontWeight" => "font-semibold"
            "textColor" => "text-primary"
            "font" => "font-Josefin-Sans"
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => []
        ]
      ]
      "a.current" => [
        "default" => [
          "default" => [
            "textColor" => "text-link-active"
          ]
        ]
      ]
      ".nl-widget-element-rich-text a" => [
        "default" => [
          "default" => [
            "textDecoration" => "underline"
            "textDecorationStyle" => "decoration-dotted"
            "transitionProperty" => "transition-[all]"
            "transitionDuration" => "duration-[300ms]"
            "transitionDelay" => "delay-[0ms]"
            "transitionTimingFunction" => "ease-[ease-in-out]"
            "textColor" => "text-link-hover"
          ]
        ]
      ]
    ]
    #configs: [
      "configs" => [
        "theme" => [
          "extend" => [
            "fontFamily" => [
              "Roboto" => [
                "Roboto"
                "sans-serif"
              ]
              "Playfair-Display" => [
                "Playfair Display"
                "sans-serif"
              ]
              "Josefin-Sans" => [
                "Josefin Sans"
                "sans-serif"
              ]
            ]
          ]
          "screens" => [
            "sm" => "640px"
            "md" => "768px"
            "lg" => "1024px"
            "xl" => "1280px"
            "xxl" => "1440px"
            "xxxl" => "1920px"
            "default" => "375px"
          ]
          "colors" => [
            "primary" => "#101941"
            "secondary" => "#1676B6"
            "muted" => "#B0B7B9"
            "caption" => "#F99F24"
            "disabled" => "#616161"
            "highlight" => "#F99F24"
            "warning" => "#F5A419"
            "success" => "#29AB6E"
            "error" => "#FF4E4E"
            "link" => "#F99F24"
            "link-hover" => "#1676B6"
            "link-visited" => "#F99F24"
            "link-active" => "#F99F24"
            "black" => "#000000"
            "white" => "#FFFFFF"
          ]
        ]
      ]
      "custom" => "body{@apply  font-Roboto font-light leading-normal pb-1;}.heading-big{@apply  text-2xl leading-normal;}h1,h2,h3,h4,h5,h6{@apply  font-semibold text-primary font-Josefin-Sans;}a.current{@apply  text-link-active;}.nl-widget-element-rich-text a{@apply  underline decoration-dotted transition-[all] duration-[300ms] delay-[0ms] ease-[ease-in-out] text-link-hover;} @screen xl {body{@apply  text-4xl leading-normal;}.heading-big{@apply  text-4xl leading-normal;}h1,h2,h3,h4,h5,h6{@apply  text-4xl leading-normal;}} @screen xxxl {.heading-big{@apply  text-5xl leading-normal;}}"
    ]
    #compiled: [
      "fonts" => [
        [
          "font" => [
            "name" => "Roboto"
            "type" => "google"
            "configurations" => [
              "family" => "Roboto"
              "variants" => [
                "100"
                "300"
                "300italic"
                "500"
                "700"
                "900"
                "regular"
              ]
              "subsets" => [
                "vietnamese"
                "latin"
                "cyrillic"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "Playfair Display"
            "type" => "google"
            "configurations" => [
              "family" => "Playfair Display"
              "variants" => [
                "regular"
                "500"
                "600"
                "700"
                "800"
                "900"
                "italic"
                "600italic"
              ]
              "subsets" => [
                "vietnamese"
                "latin"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "Josefin Sans"
            "type" => "google"
            "configurations" => [
              "family" => "Josefin Sans"
              "variants" => [
                "300"
                "regular"
                "500"
                "600"
                "700"
                "300italic"
                "italic"
                "500italic"
                "600italic"
                "700italic"
              ]
              "subsets" => [
                "latin"
                "latin-ext"
                "vietnamese"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
      ]
    ]
    #widgets: ? Doctrine\Common\Collections\Collection
    #id: 49
    #oldId: null
    #customId: "c53adc40ab28481ba093f3d99c051959"
    #created: 1746417186
    #updated: 1746615349
    +__isInitialized__: true
     …2
  }
  -children: Doctrine\ORM\PersistentCollection {#10144 …}
  -snapshots: Doctrine\ORM\PersistentCollection {#10145 …}
  -meta: []
  #id: 525599
  #oldId: null
  #locker: null
  #lockExpired: null
  #skipLockVoter: false
  #created: 1746421419
  #updated: 1746525335
  #deleted: null
}
View Format same as normalized format

Submitted Data

This form was not submitted.

Passed Options

Option Passed Value Resolved Value
data 
Nilead\BlockBundle\Model\Widget {#10130
  #extraOptions: [
    "providers"
    "mapping"
    "configs"
  ]
  #name: "linkon"
  +providerType: ""
  +providerOptions: []
  +providerConfigs: []
  -alias: null
  -_oldAlias: null
  -styles: [
    "class" => "font-400"
    "styles" => [
      "default" => [
        "default" => [
          "fontSize" => "text-base"
        ]
      ]
    ]
  ]
  -providers: []
  -mapping: []
  -configs: [
    "id" => null
    "attributes" => []
    "themeColor" => null
    "customCss" => """
      img {\n
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);\n
        transform-style: preserve-3d;\n
        will-change: transform;\n
      }\n
      \n
      h1, h2, h3, h4, h5, h6 { \n
        display: block;\n
        margin-start: 0;\n
        margin-end: 0;\n
        margin-left: 0;\n
        margin-right: 0; \n
      }\n
      \n
      h1 {\n
        font-size: 2em;\n
        margin-top: 0.67em;\n
        margin-bottom: 0.67em;\n
      }\n
      h2 {\n
        font-size: 1.5em;\n
        margin-top: 0.83em;\n
        margin-bottom: 0.83em;\n
      }\n
      h3 {\n
        font-size: 1.17em;\n
        margin-top: 1em;\n
        margin-bottom: 1em;\n
      }\n
      h4 {\n
        font-size: 1em;\n
        margin-top: 1.33em;\n
        margin-bottom: 1.33em;\n
      }\n
      h5 {\n
        font-size: .83em;\n
        margin-top: 1.67em;\n
        margin-bottom: 1.67em;\n
      }\n
      h6 {\n
        font-size: .67em;\n
        margin-top: 2.33em;\n
        margin-bottom: 2.33em;\n
      }\n
      \n
      /*animate slide caption, title, buttons*/\n
      .nl-widget-element-slider.is-initialized {\n
        opacity: 1;\n
      }\n
      .nl-widget-element-slider-slide .nl-slide-content > .caption,\n
      .nl-widget-element-slider-slide .nl-slide-content > *:nth-child(1) {\n
        -webkit-text-stroke-width: 1px;\n
        -webkit-text-stroke-color: rgba(255,255,255,0.5);\n
        color: transparent;\n
      }\n
      .nl-widget-element-slider-slide:not(.is-active) * {\n
        transition-delay: 0ms;\n
        /*-webkit-transition: all 0.6s cubic-bezier(0.77,0,0.175,1) 0.8s;*/\n
        /*  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  transition: all 0.6s cubic-bezier(0.77,0,0.175,1) 0.8s;*/\n
      }\n
      .nl-widget-element-slider-slide.is-active * {\n
        --tw-translate-y: 0;\n
        --tw-translate-x: 0;\n
        opacity: 1;\n
      }\n
      .nl-widget-element-slider[data-nav="horizontal"] .nl-widget-element-slider-nav > div.is-active {\n
        width: 72px;\n
      }\n
      .nl-widget-element-slider[data-nav="horizontal"] .nl-widget-element-slider-nav > div.is-active > div {\n
        width: 100%;\n
        transition-duration: var(--time);\n
      }\n
      \n
      \n
      @media (min-width: 1024px) {\n
        .nl-grid-menus {\n
          display: block;\n
         column-count: 2;\n
         column-gap: 12rem;\n
        }\n
        .nl-grid-menus > * {\n
          break-inside: avoid;\n
        }\n
        .nl-grid-menus > *:first-child {\n
          margin-top: -2rem;\n
        }\n
      }\n
      \n
      /*blog item*/\n
      .truncate-3-lines {\n
          height: 3.5rem;\n
          -webkit-line-clamp: 3;\n
          overflow: hidden;\n
          -o-text-overflow: ellipsis;\n
          text-overflow: ellipsis;\n
          display: -webkit-box !important;\n
          -webkit-box-orient: vertical;\n
      }\n
      @media screen and (min-width: 1280px) {\n
          .truncate-3-lines {\n
              height: 3.8rem;\n
          }\n
      }\n
      \n
      /* NILEAD link styles */\n
      /*--------------------*/\n
      .nilead-link a {\n
      \toutline: none;\n
        text-decoration: none;\n
        position: relative;\n
        line-height: 1;\n
        color: #742014;\n
        display: inline-block;\n
        overflow: hidden;\n
        padding: 4px 2px;\n
        font-weight: 600;\n
        margin: 0px 0 -6px 0;\n
      }\n
      /*.nilead-link:hover {*/\n
      /*  font-weight: 400;*/\n
      /*}*/\n
      ::root {\n
      --nl-bg: #101941;\n
      }\n
      \n
      .nilead-link a::after {\n
      \tcontent: '';\n
        position: absolute;\n
        height: 100%;\n
        width: 100%;\n
        top: 0;\n
        right: -1px;\n
        z-index: 0;\n
        background: var(--nl-bg);\n
        -webkit-transform: translate3d(101%, 0, 0);\n
        transform: translate3d(101%, 0, 0);\n
        -webkit-transition: -webkit-transform 0.5s;\n
        transition: transform 0.5s;\n
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
      }\n
      .nilead-link a:hover::after {\n
      \t-webkit-transform: translate3d(0,0,0);\n
      \ttransform: translate3d(0,0,0);\n
      }\n
      .nilead-link u {\n
        display: block;\n
        position: relative;\n
        z-index: 1;\n
        text-decoration: none;\n
      }\n
      .nilead-link a u::before {\n
      \tcontent: 'Nilead';\n
        position: absolute;\n
        color: #FFFFFF;\n
        left: 0;\n
        overflow: hidden;\n
        white-space: nowrap;\n
        width: 0%;\n
        -webkit-transition: width 0.5s;\n
        transition: width 0.5s;\n
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
      }\n
      .nilead-link a:hover u::before {\n
      \twidth: 100%;\n
      }\n
      \n
      /*menu*/\n
      .nl-language span:first-child {\n
        -webkit-box-shadow: inset 0 0 0 2px currentColor;\n
        box-shadow: inset 0px 0 0px 2px currentColor;\n
        border-color: currentColor;\n
        transition: all 300ms ease-in-out;\n
      }\n
      .nl-language:not(.current):not(:hover) span:first-child {\n
        -webkit-box-shadow: none;\n
        box-shadow: none;\n
        opacity: .5;\n
      }\n
      .nl-language::before {\n
        display: none;\n
      }\n
      .nl-backdrop-menu {\n
        opacity: 0;\n
        pointer-events: none;\n
        -webkit-transition: opacity .3s ease-in-out;\n
        -o-transition: opacity .3s ease-in-out;\n
        transition: opacity .3s ease-in-out;\n
      }\n
      \n
      /*.nl-header {*/\n
        /*min-height: var(--h-header);*/\n
      /*}*/\n
      .nl-header-inner {\n
        -webkit-animation: menu-slide-up .8s .1s cubic-bezier(.25,.46,.45,.94) both;\n
        animation: menu-slide-up .8s .1s cubic-bezier(.25,.46,.45,.94) both;\n
      }\n
      .nl-header.header-fixed .nl-header-inner {\n
        position: fixed;\n
        /*background-color: #fff;*/\n
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);\n
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);\n
        z-index: 1030;\n
        -webkit-animation: menu-slide-down .5s cubic-bezier(.25,.46,.45,.94) both;\n
        animation: menu-slide-down .5s cubic-bezier(.25,.46,.45,.94) both;\n
        -webkit-transition: background-color .2s ease-in-out;\n
        -o-transition: background-color .2s ease-in-out;\n
        transition: background-color .2s ease-in-out\n
      }\n
      /*.nl-header.header-fixed .nl-logo {*/\n
      /*  padding: .75rem 0;*/\n
      /*  margin: 0;*/\n
      /*}*/\n
      .nl-header.header-fixed .nl-logo .inactive { \n
        opacity: 1;\n
      }\n
      .nl-header.header-fixed .nl-logo .active { \n
        /*opacity: 0;*/\n
        height: 60px;\n
      }\n
        .nl-header a, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle {\n
            /*color: inherit;*/\n
            font-weight: 600;\n
            /*text-transform: uppercase;*/\n
            position: relative;\n
            text-decoration: none;\n
            line-height: 2;\n
        }\n
      @media (min-width: 1280px) {\n
        .nl-header a.nl-effect-hover::before,\n
        .nl-header .nl-main-menu a::before, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle::before {\n
            content: '';\n
            position: absolute;\n
            bottom: .25rem;\n
            width: 0;\n
            transition: all 300ms ease;\n
            border-bottom: 2px solid;\n
            left: 50%;\n
            transform: translateX(-50%);\n
        }\n
        .nl-header a.nl-effect-hover:hover::before, \n
        .nl-header .nl-main-menu a:hover::before, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle:hover::before {\n
            width: calc(100% - 2rem);\n
        }\n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle.nl-toggle-lang:hover::before {\n
          width: 100%;\n
        }\n
      \n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-sub-menu,\n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-main-menu {\n
          display: block !important;\n
        }\n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-sub-menu {\n
          z-index: -1;\n
          pointer-events: none;\n
          -webkit-box-shadow: 0 2px 4px -2px rgb(0 0 0 / 10%);\n
          box-shadow: 0 2px 4px -2px rgb(0 0 0 / 10%);\n
          opacity: 0;\n
          -webkit-transition: opacity .3s ease-in-out;\n
          -o-transition: opacity .3s ease-in-out;\n
          transition: opacity .3s ease-in-out\n
        }\n
        .nl-header.header-fixed .nl-widget-element-dropdown-list.nl-sub-menu { \n
          padding-top: 1.25rem;\n
        }\n
        .nl-main-menu .nl-widget-element-dropdown-toggle::after {\n
          display: inline-block;\n
          margin-left: 0.255em;\n
          content: "";\n
          border-top: 4px solid;\n
          border-right: 4px solid transparent;\n
          border-left: 4px solid transparent;\n
          background-color: transparent;\n
          vertical-align: 2px;\n
        }\n
        .nl-widget-element-dropdown:hover > .nl-widget-element-dropdown-list.nl-sub-menu {\n
          z-index: 1030;\n
          pointer-events: auto;\n
          opacity: 1;\n
        }\n
        .nl-main-menu .nl-widget-element-link,\n
        .nl-main-menu .nl-widget-element-dropdown-toggle {\n
          position: relative;\n
        }\n
        .nl-product-filter {\n
          display: block !important;\n
        }\n
      }\n
      \n
      @media (min-width: 1921px) { \n
        .nl-header .nl-header-right {\n
          padding-right: 16.666667%;\n
        }\n
      }\n
      \n
      @media (max-width: 1279px) {\n
        .open-main-menu {\n
          overflow: hidden;  \n
        }\n
        \n
        .nl-header .nl-main-menu,\n
        .nl-header .nl-sub-menu {\n
          position: fixed;\n
          display: block !important;\n
          top: 0;\n
          left: -100%;\n
          z-index: 1030;\n
          width: 89%;\n
          height: 100%;\n
          height: -webkit-calc(var(--vh,1vh) * 100);\n
          height: calc(var(--vh,1vh) * 100);\n
          margin-top: 0;\n
          -webkit-box-shadow: 4px 3px 8px rgb(0 0 0 / 16%);\n
          box-shadow: 4px 3px 8px rgb(0 0 0 / 16%);\n
          opacity: 1;\n
          -webkit-transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
          -o-transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
          transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
        }\n
        .nl-header .nl-main-menu.dropdown-active,\n
        .nl-header .nl-main-menu.dropdown-active .nl-sub-menu.dropdown-active {\n
          left: 0;\n
          background-color: #fff;\n
        }\n
        .nl-main-menu.dropdown-active + .nl-backdrop-menu {\n
          pointer-events: auto;\n
          opacity: 1;\n
          z-index: 1029;\n
        }\n
        .nl-main-menu .nl-widget-element-dropdown-toggle::after {\n
          content: "";\n
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100'%3e%3cpath transform='rotate(-90 25 50)' d='m25,75l50,-40l-10,-10l-40,30l-40,-30l-10,10l50,40z' fill='%23742014'/%3e%3c/svg%3e");\n
          background-size: 6px 12px;\n
          background-repeat: no-repeat;\n
          display: inline-block;\n
          width: 6px;\n
          height: 12px;\n
        }\n
        .nl-sub-menu h4::before {\n
          content:"";\n
          margin-right: 1rem;\n
          width: 16px;\n
          height: 16px;\n
          background-repeat: no-repeat;\n
          background-position: center;\n
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.2 32'%3e%3cpath d='m51.2,14l-43.846,0l10.732,-11.18l-2.726,-2.82l-15.36,16l15.36,16l2.707,-2.82l-10.713,-11.18l43.846,0l0,-4z' fill='%23742014'/%3e%3c/svg%3e");\n
        }\n
      }\n
      /*menu*/\n
      \n
      /*grid masonry*/\n
      .grid-wrapper > div {\n
      \tdisplay: flex;\n
      \tjustify-content: center;\n
      \talign-items: center;\n
      }\n
      .grid-wrapper img {\n
      \twidth: 100%;\n
      \theight: 100%;\n
      \tobject-fit: cover;\n
      \tborder-radius: 5px;\n
      }\n
      \n
      .grid-wrapper {\n
      \tdisplay: grid;\n
      \tgrid-gap: 1rem;\n
      \tgrid-template-columns: repeat(auto-fit, minmax(1fr, 1fr));\n
      \tgrid-auto-flow: dense;\n
      }\n
      @media (min-width: 640px) {\n
      .grid-wrapper {\n
      \tdisplay: grid;\n
      \tgrid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n
      \tgrid-auto-rows: 200px;\n
      }\n
      .grid-wrapper .wide {\n
      \tgrid-column: span 2;\n
      }\n
      .grid-wrapper .tall {\n
      \tgrid-row: span 2;\n
      }\n
      .grid-wrapper .big {\n
      \tgrid-column: span 2;\n
      \tgrid-row: span 2;\n
      }\n
      }
      """
    "customJs" => """
      //scroll detector for changing the styles of the header\r\n
      // taken from: https://css-tricks.com/styling-based-on-scroll-position/\r\n
      //---------------------------------------------------------------------\r\n
      \r\n
      var header = nu.querySelector('.nl-header');\r\n
      var headerInner = nu.querySelector('.nl-header-inner', header);\r\n
      var headerBottom = nu.querySelector('.nl-header-bottom');\r\n
      if ( null !== header && null !== headerBottom &&\r\n
              "IntersectionObserver" in window &&\r\n
              "IntersectionObserverEntry" in window &&\r\n
              "intersectionRatio" in window.IntersectionObserverEntry.prototype\r\n
      ) {\r\n
        // document.documentElement.style.setProperty('--h-header', headerInner.offsetHeight + 'px');\r\n
      \r\n
        let observer = new IntersectionObserver(entries => {\r\n
          if (entries[0].boundingClientRect.y < 0) {\r\n
            header.classList.add("header-fixed");\r\n
          } else {\r\n
            header.classList.remove("header-fixed");\r\n
          }\r\n
        });\r\n
        observer.observe(headerBottom);\r\n
        // window.addEventListener('resize', function(event) {\r\n
        //   setTimeout(function(){\r\n
        //     document.documentElement.style.setProperty('--h-header', headerInner.offsetHeight + 'px');\r\n
        //   }, 50);\r\n
        // }, true);\r\n
      }\r\n
      \r\n
      // trigger animte class vertical, horizontal\r\n
      nu.forEach(nu.querySelectorAll('.nl-widget-element-slider'), function (slider) {\r\n
        nu.addEventListener(slider, 'sliderReady', function () {\r\n
          var splide = nu.getData(slider, 'nuSlider');\r\n
          var nav = slider.hasAttribute('data-nav');\r\n
          if (splide && nav) {\r\n
            splide.options.rewind = true;\r\n
            slider.style.setProperty('--time', splide.options.interval + 'ms');\r\n
          }\r\n
        })\r\n
      });
      """
  ]
  -options: []
  -interactions: []
  -conditions: []
  -referenceRoles: null
  -status: 0
  -enabled: true
  -aboveFold: false
  -position: 13685
  -widgetType: Proxies\__CG__\Nilead\BlockBundle\Model\WidgetType {#10221
    #extraOptions: [
      "role"
      "providers"
      "mapping"
      "configs"
    ]
    #name: "tailwind"
    #styles: [
      "class" => "text-base font-400"
    ]
    -sku: "tailwind__layout"
    -owner: "base"
    #version: "1.1.12"
    #publishable: false
    #transparent: false
    -role: "layout"
    -compatibles: []
    -framework: ""
    -providers: []
    -mapping: []
    -configs: [
      "themeColor" => [
        "type" => "Nilead\FormBundle\Type\Misc\ColorPickerType"
        "options" => [
          "label" => "Theme Color"
        ]
      ]
      "customCss" => [
        "type" => "Nilead\FormBundle\Type\CodeEditorType"
        "options" => [
          "label" => "Custom CSS"
          "mode" => "css"
        ]
      ]
      "customJs" => [
        "type" => "Nilead\FormBundle\Type\CodeEditorType"
        "options" => [
          "label" => "Custom JS"
          "mode" => "javascript"
        ]
      ]
    ]
    -options: [
      "prefix" => "tailwind_layout"
      "canParent" => true
      "events" => [
        "scroll_page_up" => [
          "label" => "Scrolling Page (Up)"
          "type" => "continuous"
        ]
        "scroll_page_down" => [
          "label" => "Scrolling Page (Down)"
          "type" => "continuous"
        ]
        "scroll_page_left" => [
          "label" => "Scrolling Page (Left)"
          "type" => "continuous"
        ]
        "scroll_page_right" => [
          "label" => "Scrolling Page (Right)"
          "type" => "continuous"
        ]
        "page_load" => [
          "label" => "Page Load"
          "type" => "instant"
        ]
        "page_before_unload" => [
          "label" => "Before Unload"
          "type" => "instant"
        ]
        "page_unload" => [
          "label" => "Unload"
          "type" => "instant"
        ]
        "scroll_into_view" => false
        "scroll_out_of_view" => false
      ]
    ]
    -interactions: []
    -blockType: "Nilead\BlockBundle\Block\Type\LayoutType"
    -children: []
    -system: false
    #nileadId: null
    #id: 47
    #oldId: null
    #summary: "Base website layout.\n"
    #description: "A base layout utilizing Tailwind, which is a utility-first CSS framework.\n"
    #enabled: true
    #position: 46
    #created: 1589974881
    #updated: 1753949486
    #tags: [
      Nilead\TagBundle\Model\Tag {#10195
        #name: "w:layout"
        #tagRelation: Doctrine\ORM\PersistentCollection {#10198 …}
        #linked: false
        #id: 15
        #oldId: null
        #color: null
        #created: 1560141756
        #updated: 1560141756
      }
      Nilead\TagBundle\Model\Tag {#10202
        #name: "w:page-layout"
        #tagRelation: Doctrine\ORM\PersistentCollection {#10204 …}
        #linked: false
        #id: 116
        #oldId: null
        #color: "none"
        #created: 1597910979
        #updated: 1597910979
      }
    ]
    #tagsLinked: [
      "w:layout" => [
        "link" => 2
        "id" => 15
      ]
      "w:page-layout" => [
        "link" => 2
        "id" => 116
      ]
    ]
    +__isInitialized__: true
     …2
  }
  -layoutSource: null
  -source: null
  -isSource: false
  -isShortcut: false
  -root: null
  -parent: null
  -style: Proxies\__CG__\Nilead\BlockBundle\Model\Style {#10141
    #name: "linkon"
    #type: "website"
    #screens: [
      [
        "name" => "Large Phone"
        "class" => "sm"
        "value" => "640px"
      ]
      [
        "name" => "Tablet Portrait"
        "class" => "md"
        "value" => "768px"
      ]
      [
        "name" => "Tablet Landscape"
        "class" => "lg"
        "value" => "1024px"
      ]
      [
        "name" => "Desktop Small"
        "class" => "xl"
        "value" => "1280px"
      ]
      [
        "name" => "Desktop Large"
        "class" => "xxl"
        "value" => "1440px"
      ]
      [
        "name" => "Desktop HD"
        "class" => "xxxl"
        "value" => "1920px"
      ]
      [
        "name" => "Default"
        "class" => "default"
        "value" => "375px"
      ]
    ]
    #colors: [
      [
        "name" => "primary"
        "value" => "#101941"
        "class" => "primary"
      ]
      [
        "name" => "secondary"
        "value" => "#1676B6"
        "class" => "secondary"
      ]
      [
        "name" => "muted"
        "value" => "#B0B7B9"
        "class" => "muted"
      ]
      [
        "name" => "caption"
        "value" => "#F99F24"
        "class" => "caption"
      ]
      [
        "name" => "disabled"
        "value" => "#616161"
        "class" => "disabled"
      ]
      [
        "name" => "highlight"
        "value" => "#F99F24"
        "class" => "highlight"
      ]
      [
        "name" => "warning"
        "value" => "#F5A419"
        "class" => "warning"
      ]
      [
        "name" => "success"
        "value" => "#29AB6E"
        "class" => "success"
      ]
      [
        "name" => "error"
        "value" => "#FF4E4E"
        "class" => "error"
      ]
      [
        "name" => "link"
        "value" => "#F99F24"
        "class" => "link"
      ]
      [
        "name" => "link-hover"
        "value" => "#1676B6"
        "class" => "link-hover"
      ]
      [
        "name" => "link-visit"
        "value" => "#F99F24"
        "class" => "link-visited"
      ]
      [
        "name" => "link-active"
        "value" => "#F99F24"
        "class" => "link-active"
      ]
      [
        "name" => "black"
        "value" => "#000000"
        "class" => "black"
      ]
      [
        "name" => "white"
        "value" => "#FFFFFF"
        "class" => "white"
      ]
    ]
    #fontSizes: []
    #typographies: [
      [
        "name" => "Roboto"
        "families" => [
          [
            "family" => 35
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Roboto"
      ]
      [
        "name" => "Playfair Display"
        "families" => [
          [
            "family" => 19
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Playfair-Display"
      ]
      [
        "name" => "Josefin Sans"
        "families" => [
          [
            "family" => 286
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Josefin-Sans"
      ]
    ]
    #extra: [
      "fontSize" => []
      "order" => []
      "colGap" => []
      "rowGap" => []
      "margin" => []
      "padding" => []
      "scrollMargin" => []
      "scrollPadding" => []
      "space" => []
      "lineHeight" => []
      "letterSpacing" => []
      "width" => []
      "minWidth" => []
      "maxWidth" => []
      "height" => []
      "minHeight" => []
      "maxHeight" => []
      "borderRadius" => []
      "borderWidth" => []
      "ringWidth" => []
      "ringOffset" => []
      "zIndex" => []
      "scale" => []
      "translate" => []
      "rotate" => []
      "skew" => []
      "transform" => []
      "blur" => []
      "brightness" => []
      "contrast" => []
      "hueRotate" => []
      "saturate" => []
      "backdropBlur" => []
      "backdropBrightness" => []
      "backdropContrast" => []
      "backdropGrayscale" => []
      "backdropSaturate" => []
      "opacity" => []
      "backdropOpacity" => []
      "placeholderOpacity" => []
      "borderOpacity" => []
      "backgroundOpacity" => []
      "ringOpacity" => []
      "textOpacity" => []
      "textIndent" => []
      "textUnderlineOffset" => []
      "textDecorationThickness" => []
    ]
    #styles: [
      "body" => [
        "default" => [
          "default" => [
            "font" => "font-Roboto"
            "fontWeight" => "font-light"
            "lineHeight" => "leading-normal"
            "padding" => [
              "bottom" => "pb-1"
            ]
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => []
        ]
      ]
      ".heading-big" => [
        "default" => [
          "default" => [
            "fontSize" => "text-2xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => [
            "fontSize" => "text-5xl"
            "lineHeight" => "leading-normal"
          ]
        ]
      ]
      "h1,h2,h3,h4,h5,h6" => [
        "default" => [
          "default" => [
            "fontWeight" => "font-semibold"
            "textColor" => "text-primary"
            "font" => "font-Josefin-Sans"
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => []
        ]
      ]
      "a.current" => [
        "default" => [
          "default" => [
            "textColor" => "text-link-active"
          ]
        ]
      ]
      ".nl-widget-element-rich-text a" => [
        "default" => [
          "default" => [
            "textDecoration" => "underline"
            "textDecorationStyle" => "decoration-dotted"
            "transitionProperty" => "transition-[all]"
            "transitionDuration" => "duration-[300ms]"
            "transitionDelay" => "delay-[0ms]"
            "transitionTimingFunction" => "ease-[ease-in-out]"
            "textColor" => "text-link-hover"
          ]
        ]
      ]
    ]
    #configs: [
      "configs" => [
        "theme" => [
          "extend" => [
            "fontFamily" => [
              "Roboto" => [
                "Roboto"
                "sans-serif"
              ]
              "Playfair-Display" => [
                "Playfair Display"
                "sans-serif"
              ]
              "Josefin-Sans" => [
                "Josefin Sans"
                "sans-serif"
              ]
            ]
          ]
          "screens" => [
            "sm" => "640px"
            "md" => "768px"
            "lg" => "1024px"
            "xl" => "1280px"
            "xxl" => "1440px"
            "xxxl" => "1920px"
            "default" => "375px"
          ]
          "colors" => [
            "primary" => "#101941"
            "secondary" => "#1676B6"
            "muted" => "#B0B7B9"
            "caption" => "#F99F24"
            "disabled" => "#616161"
            "highlight" => "#F99F24"
            "warning" => "#F5A419"
            "success" => "#29AB6E"
            "error" => "#FF4E4E"
            "link" => "#F99F24"
            "link-hover" => "#1676B6"
            "link-visited" => "#F99F24"
            "link-active" => "#F99F24"
            "black" => "#000000"
            "white" => "#FFFFFF"
          ]
        ]
      ]
      "custom" => "body{@apply  font-Roboto font-light leading-normal pb-1;}.heading-big{@apply  text-2xl leading-normal;}h1,h2,h3,h4,h5,h6{@apply  font-semibold text-primary font-Josefin-Sans;}a.current{@apply  text-link-active;}.nl-widget-element-rich-text a{@apply  underline decoration-dotted transition-[all] duration-[300ms] delay-[0ms] ease-[ease-in-out] text-link-hover;} @screen xl {body{@apply  text-4xl leading-normal;}.heading-big{@apply  text-4xl leading-normal;}h1,h2,h3,h4,h5,h6{@apply  text-4xl leading-normal;}} @screen xxxl {.heading-big{@apply  text-5xl leading-normal;}}"
    ]
    #compiled: [
      "fonts" => [
        [
          "font" => [
            "name" => "Roboto"
            "type" => "google"
            "configurations" => [
              "family" => "Roboto"
              "variants" => [
                "100"
                "300"
                "300italic"
                "500"
                "700"
                "900"
                "regular"
              ]
              "subsets" => [
                "vietnamese"
                "latin"
                "cyrillic"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "Playfair Display"
            "type" => "google"
            "configurations" => [
              "family" => "Playfair Display"
              "variants" => [
                "regular"
                "500"
                "600"
                "700"
                "800"
                "900"
                "italic"
                "600italic"
              ]
              "subsets" => [
                "vietnamese"
                "latin"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "Josefin Sans"
            "type" => "google"
            "configurations" => [
              "family" => "Josefin Sans"
              "variants" => [
                "300"
                "regular"
                "500"
                "600"
                "700"
                "300italic"
                "italic"
                "500italic"
                "600italic"
                "700italic"
              ]
              "subsets" => [
                "latin"
                "latin-ext"
                "vietnamese"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
      ]
    ]
    #widgets: ? Doctrine\Common\Collections\Collection
    #id: 49
    #oldId: null
    #customId: "c53adc40ab28481ba093f3d99c051959"
    #created: 1746417186
    #updated: 1746615349
    +__isInitialized__: true
     …2
  }
  -children: Doctrine\ORM\PersistentCollection {#10144 …}
  -snapshots: Doctrine\ORM\PersistentCollection {#10145 …}
  -meta: []
  #id: 525599
  #oldId: null
  #locker: null
  #lockExpired: null
  #skipLockVoter: false
  #created: 1746421419
  #updated: 1746525335
  #deleted: null
}
 same as passed value
version 
"1.1.12"
 same as passed value

Resolved Options

Option Value
action 
""
allow_extra_fields 
false
allow_file_upload 
false
attr 
[]
attr_translation_parameters 
[]
auto_initialize 
true
block_name 
null
block_prefix 
"nilead_widget"
by_reference 
true
compound 
true
constraints 
[]
continuous_events 
[]
csrf_field_name 
"_token"
csrf_message 
"The CSRF token is invalid. Please try to resubmit the form."
csrf_protection 
true
csrf_token_id 
null
csrf_token_manager 
Symfony\Component\Security\Csrf\CsrfTokenManager {#4835
  -generator: Symfony\Component\Security\Csrf\TokenGenerator\UriSafeTokenGenerator {#4836 …}
  -storage: Symfony\Component\Security\Csrf\TokenStorage\SessionTokenStorage {#4111 …}
  -namespace: Closure() {#4838 …}
}
custom 
null
data 
Nilead\BlockBundle\Model\Widget {#10130
  #extraOptions: [
    "providers"
    "mapping"
    "configs"
  ]
  #name: "linkon"
  +providerType: ""
  +providerOptions: []
  +providerConfigs: []
  -alias: null
  -_oldAlias: null
  -styles: [
    "class" => "font-400"
    "styles" => [
      "default" => [
        "default" => [
          "fontSize" => "text-base"
        ]
      ]
    ]
  ]
  -providers: []
  -mapping: []
  -configs: [
    "id" => null
    "attributes" => []
    "themeColor" => null
    "customCss" => """
      img {\n
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);\n
        transform-style: preserve-3d;\n
        will-change: transform;\n
      }\n
      \n
      h1, h2, h3, h4, h5, h6 { \n
        display: block;\n
        margin-start: 0;\n
        margin-end: 0;\n
        margin-left: 0;\n
        margin-right: 0; \n
      }\n
      \n
      h1 {\n
        font-size: 2em;\n
        margin-top: 0.67em;\n
        margin-bottom: 0.67em;\n
      }\n
      h2 {\n
        font-size: 1.5em;\n
        margin-top: 0.83em;\n
        margin-bottom: 0.83em;\n
      }\n
      h3 {\n
        font-size: 1.17em;\n
        margin-top: 1em;\n
        margin-bottom: 1em;\n
      }\n
      h4 {\n
        font-size: 1em;\n
        margin-top: 1.33em;\n
        margin-bottom: 1.33em;\n
      }\n
      h5 {\n
        font-size: .83em;\n
        margin-top: 1.67em;\n
        margin-bottom: 1.67em;\n
      }\n
      h6 {\n
        font-size: .67em;\n
        margin-top: 2.33em;\n
        margin-bottom: 2.33em;\n
      }\n
      \n
      /*animate slide caption, title, buttons*/\n
      .nl-widget-element-slider.is-initialized {\n
        opacity: 1;\n
      }\n
      .nl-widget-element-slider-slide .nl-slide-content > .caption,\n
      .nl-widget-element-slider-slide .nl-slide-content > *:nth-child(1) {\n
        -webkit-text-stroke-width: 1px;\n
        -webkit-text-stroke-color: rgba(255,255,255,0.5);\n
        color: transparent;\n
      }\n
      .nl-widget-element-slider-slide:not(.is-active) * {\n
        transition-delay: 0ms;\n
        /*-webkit-transition: all 0.6s cubic-bezier(0.77,0,0.175,1) 0.8s;*/\n
        /*  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  transition: all 0.6s cubic-bezier(0.77,0,0.175,1) 0.8s;*/\n
      }\n
      .nl-widget-element-slider-slide.is-active * {\n
        --tw-translate-y: 0;\n
        --tw-translate-x: 0;\n
        opacity: 1;\n
      }\n
      .nl-widget-element-slider[data-nav="horizontal"] .nl-widget-element-slider-nav > div.is-active {\n
        width: 72px;\n
      }\n
      .nl-widget-element-slider[data-nav="horizontal"] .nl-widget-element-slider-nav > div.is-active > div {\n
        width: 100%;\n
        transition-duration: var(--time);\n
      }\n
      \n
      \n
      @media (min-width: 1024px) {\n
        .nl-grid-menus {\n
          display: block;\n
         column-count: 2;\n
         column-gap: 12rem;\n
        }\n
        .nl-grid-menus > * {\n
          break-inside: avoid;\n
        }\n
        .nl-grid-menus > *:first-child {\n
          margin-top: -2rem;\n
        }\n
      }\n
      \n
      /*blog item*/\n
      .truncate-3-lines {\n
          height: 3.5rem;\n
          -webkit-line-clamp: 3;\n
          overflow: hidden;\n
          -o-text-overflow: ellipsis;\n
          text-overflow: ellipsis;\n
          display: -webkit-box !important;\n
          -webkit-box-orient: vertical;\n
      }\n
      @media screen and (min-width: 1280px) {\n
          .truncate-3-lines {\n
              height: 3.8rem;\n
          }\n
      }\n
      \n
      /* NILEAD link styles */\n
      /*--------------------*/\n
      .nilead-link a {\n
      \toutline: none;\n
        text-decoration: none;\n
        position: relative;\n
        line-height: 1;\n
        color: #742014;\n
        display: inline-block;\n
        overflow: hidden;\n
        padding: 4px 2px;\n
        font-weight: 600;\n
        margin: 0px 0 -6px 0;\n
      }\n
      /*.nilead-link:hover {*/\n
      /*  font-weight: 400;*/\n
      /*}*/\n
      ::root {\n
      --nl-bg: #101941;\n
      }\n
      \n
      .nilead-link a::after {\n
      \tcontent: '';\n
        position: absolute;\n
        height: 100%;\n
        width: 100%;\n
        top: 0;\n
        right: -1px;\n
        z-index: 0;\n
        background: var(--nl-bg);\n
        -webkit-transform: translate3d(101%, 0, 0);\n
        transform: translate3d(101%, 0, 0);\n
        -webkit-transition: -webkit-transform 0.5s;\n
        transition: transform 0.5s;\n
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
      }\n
      .nilead-link a:hover::after {\n
      \t-webkit-transform: translate3d(0,0,0);\n
      \ttransform: translate3d(0,0,0);\n
      }\n
      .nilead-link u {\n
        display: block;\n
        position: relative;\n
        z-index: 1;\n
        text-decoration: none;\n
      }\n
      .nilead-link a u::before {\n
      \tcontent: 'Nilead';\n
        position: absolute;\n
        color: #FFFFFF;\n
        left: 0;\n
        overflow: hidden;\n
        white-space: nowrap;\n
        width: 0%;\n
        -webkit-transition: width 0.5s;\n
        transition: width 0.5s;\n
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
      }\n
      .nilead-link a:hover u::before {\n
      \twidth: 100%;\n
      }\n
      \n
      /*menu*/\n
      .nl-language span:first-child {\n
        -webkit-box-shadow: inset 0 0 0 2px currentColor;\n
        box-shadow: inset 0px 0 0px 2px currentColor;\n
        border-color: currentColor;\n
        transition: all 300ms ease-in-out;\n
      }\n
      .nl-language:not(.current):not(:hover) span:first-child {\n
        -webkit-box-shadow: none;\n
        box-shadow: none;\n
        opacity: .5;\n
      }\n
      .nl-language::before {\n
        display: none;\n
      }\n
      .nl-backdrop-menu {\n
        opacity: 0;\n
        pointer-events: none;\n
        -webkit-transition: opacity .3s ease-in-out;\n
        -o-transition: opacity .3s ease-in-out;\n
        transition: opacity .3s ease-in-out;\n
      }\n
      \n
      /*.nl-header {*/\n
        /*min-height: var(--h-header);*/\n
      /*}*/\n
      .nl-header-inner {\n
        -webkit-animation: menu-slide-up .8s .1s cubic-bezier(.25,.46,.45,.94) both;\n
        animation: menu-slide-up .8s .1s cubic-bezier(.25,.46,.45,.94) both;\n
      }\n
      .nl-header.header-fixed .nl-header-inner {\n
        position: fixed;\n
        /*background-color: #fff;*/\n
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);\n
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);\n
        z-index: 1030;\n
        -webkit-animation: menu-slide-down .5s cubic-bezier(.25,.46,.45,.94) both;\n
        animation: menu-slide-down .5s cubic-bezier(.25,.46,.45,.94) both;\n
        -webkit-transition: background-color .2s ease-in-out;\n
        -o-transition: background-color .2s ease-in-out;\n
        transition: background-color .2s ease-in-out\n
      }\n
      /*.nl-header.header-fixed .nl-logo {*/\n
      /*  padding: .75rem 0;*/\n
      /*  margin: 0;*/\n
      /*}*/\n
      .nl-header.header-fixed .nl-logo .inactive { \n
        opacity: 1;\n
      }\n
      .nl-header.header-fixed .nl-logo .active { \n
        /*opacity: 0;*/\n
        height: 60px;\n
      }\n
        .nl-header a, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle {\n
            /*color: inherit;*/\n
            font-weight: 600;\n
            /*text-transform: uppercase;*/\n
            position: relative;\n
            text-decoration: none;\n
            line-height: 2;\n
        }\n
      @media (min-width: 1280px) {\n
        .nl-header a.nl-effect-hover::before,\n
        .nl-header .nl-main-menu a::before, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle::before {\n
            content: '';\n
            position: absolute;\n
            bottom: .25rem;\n
            width: 0;\n
            transition: all 300ms ease;\n
            border-bottom: 2px solid;\n
            left: 50%;\n
            transform: translateX(-50%);\n
        }\n
        .nl-header a.nl-effect-hover:hover::before, \n
        .nl-header .nl-main-menu a:hover::before, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle:hover::before {\n
            width: calc(100% - 2rem);\n
        }\n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle.nl-toggle-lang:hover::before {\n
          width: 100%;\n
        }\n
      \n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-sub-menu,\n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-main-menu {\n
          display: block !important;\n
        }\n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-sub-menu {\n
          z-index: -1;\n
          pointer-events: none;\n
          -webkit-box-shadow: 0 2px 4px -2px rgb(0 0 0 / 10%);\n
          box-shadow: 0 2px 4px -2px rgb(0 0 0 / 10%);\n
          opacity: 0;\n
          -webkit-transition: opacity .3s ease-in-out;\n
          -o-transition: opacity .3s ease-in-out;\n
          transition: opacity .3s ease-in-out\n
        }\n
        .nl-header.header-fixed .nl-widget-element-dropdown-list.nl-sub-menu { \n
          padding-top: 1.25rem;\n
        }\n
        .nl-main-menu .nl-widget-element-dropdown-toggle::after {\n
          display: inline-block;\n
          margin-left: 0.255em;\n
          content: "";\n
          border-top: 4px solid;\n
          border-right: 4px solid transparent;\n
          border-left: 4px solid transparent;\n
          background-color: transparent;\n
          vertical-align: 2px;\n
        }\n
        .nl-widget-element-dropdown:hover > .nl-widget-element-dropdown-list.nl-sub-menu {\n
          z-index: 1030;\n
          pointer-events: auto;\n
          opacity: 1;\n
        }\n
        .nl-main-menu .nl-widget-element-link,\n
        .nl-main-menu .nl-widget-element-dropdown-toggle {\n
          position: relative;\n
        }\n
        .nl-product-filter {\n
          display: block !important;\n
        }\n
      }\n
      \n
      @media (min-width: 1921px) { \n
        .nl-header .nl-header-right {\n
          padding-right: 16.666667%;\n
        }\n
      }\n
      \n
      @media (max-width: 1279px) {\n
        .open-main-menu {\n
          overflow: hidden;  \n
        }\n
        \n
        .nl-header .nl-main-menu,\n
        .nl-header .nl-sub-menu {\n
          position: fixed;\n
          display: block !important;\n
          top: 0;\n
          left: -100%;\n
          z-index: 1030;\n
          width: 89%;\n
          height: 100%;\n
          height: -webkit-calc(var(--vh,1vh) * 100);\n
          height: calc(var(--vh,1vh) * 100);\n
          margin-top: 0;\n
          -webkit-box-shadow: 4px 3px 8px rgb(0 0 0 / 16%);\n
          box-shadow: 4px 3px 8px rgb(0 0 0 / 16%);\n
          opacity: 1;\n
          -webkit-transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
          -o-transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
          transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
        }\n
        .nl-header .nl-main-menu.dropdown-active,\n
        .nl-header .nl-main-menu.dropdown-active .nl-sub-menu.dropdown-active {\n
          left: 0;\n
          background-color: #fff;\n
        }\n
        .nl-main-menu.dropdown-active + .nl-backdrop-menu {\n
          pointer-events: auto;\n
          opacity: 1;\n
          z-index: 1029;\n
        }\n
        .nl-main-menu .nl-widget-element-dropdown-toggle::after {\n
          content: "";\n
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100'%3e%3cpath transform='rotate(-90 25 50)' d='m25,75l50,-40l-10,-10l-40,30l-40,-30l-10,10l50,40z' fill='%23742014'/%3e%3c/svg%3e");\n
          background-size: 6px 12px;\n
          background-repeat: no-repeat;\n
          display: inline-block;\n
          width: 6px;\n
          height: 12px;\n
        }\n
        .nl-sub-menu h4::before {\n
          content:"";\n
          margin-right: 1rem;\n
          width: 16px;\n
          height: 16px;\n
          background-repeat: no-repeat;\n
          background-position: center;\n
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.2 32'%3e%3cpath d='m51.2,14l-43.846,0l10.732,-11.18l-2.726,-2.82l-15.36,16l15.36,16l2.707,-2.82l-10.713,-11.18l43.846,0l0,-4z' fill='%23742014'/%3e%3c/svg%3e");\n
        }\n
      }\n
      /*menu*/\n
      \n
      /*grid masonry*/\n
      .grid-wrapper > div {\n
      \tdisplay: flex;\n
      \tjustify-content: center;\n
      \talign-items: center;\n
      }\n
      .grid-wrapper img {\n
      \twidth: 100%;\n
      \theight: 100%;\n
      \tobject-fit: cover;\n
      \tborder-radius: 5px;\n
      }\n
      \n
      .grid-wrapper {\n
      \tdisplay: grid;\n
      \tgrid-gap: 1rem;\n
      \tgrid-template-columns: repeat(auto-fit, minmax(1fr, 1fr));\n
      \tgrid-auto-flow: dense;\n
      }\n
      @media (min-width: 640px) {\n
      .grid-wrapper {\n
      \tdisplay: grid;\n
      \tgrid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n
      \tgrid-auto-rows: 200px;\n
      }\n
      .grid-wrapper .wide {\n
      \tgrid-column: span 2;\n
      }\n
      .grid-wrapper .tall {\n
      \tgrid-row: span 2;\n
      }\n
      .grid-wrapper .big {\n
      \tgrid-column: span 2;\n
      \tgrid-row: span 2;\n
      }\n
      }
      """
    "customJs" => """
      //scroll detector for changing the styles of the header\r\n
      // taken from: https://css-tricks.com/styling-based-on-scroll-position/\r\n
      //---------------------------------------------------------------------\r\n
      \r\n
      var header = nu.querySelector('.nl-header');\r\n
      var headerInner = nu.querySelector('.nl-header-inner', header);\r\n
      var headerBottom = nu.querySelector('.nl-header-bottom');\r\n
      if ( null !== header && null !== headerBottom &&\r\n
              "IntersectionObserver" in window &&\r\n
              "IntersectionObserverEntry" in window &&\r\n
              "intersectionRatio" in window.IntersectionObserverEntry.prototype\r\n
      ) {\r\n
        // document.documentElement.style.setProperty('--h-header', headerInner.offsetHeight + 'px');\r\n
      \r\n
        let observer = new IntersectionObserver(entries => {\r\n
          if (entries[0].boundingClientRect.y < 0) {\r\n
            header.classList.add("header-fixed");\r\n
          } else {\r\n
            header.classList.remove("header-fixed");\r\n
          }\r\n
        });\r\n
        observer.observe(headerBottom);\r\n
        // window.addEventListener('resize', function(event) {\r\n
        //   setTimeout(function(){\r\n
        //     document.documentElement.style.setProperty('--h-header', headerInner.offsetHeight + 'px');\r\n
        //   }, 50);\r\n
        // }, true);\r\n
      }\r\n
      \r\n
      // trigger animte class vertical, horizontal\r\n
      nu.forEach(nu.querySelectorAll('.nl-widget-element-slider'), function (slider) {\r\n
        nu.addEventListener(slider, 'sliderReady', function () {\r\n
          var splide = nu.getData(slider, 'nuSlider');\r\n
          var nav = slider.hasAttribute('data-nav');\r\n
          if (splide && nav) {\r\n
            splide.options.rewind = true;\r\n
            slider.style.setProperty('--time', splide.options.interval + 'ms');\r\n
          }\r\n
        })\r\n
      });
      """
  ]
  -options: []
  -interactions: []
  -conditions: []
  -referenceRoles: null
  -status: 0
  -enabled: true
  -aboveFold: false
  -position: 13685
  -widgetType: Proxies\__CG__\Nilead\BlockBundle\Model\WidgetType {#10221
    #extraOptions: [
      "role"
      "providers"
      "mapping"
      "configs"
    ]
    #name: "tailwind"
    #styles: [
      "class" => "text-base font-400"
    ]
    -sku: "tailwind__layout"
    -owner: "base"
    #version: "1.1.12"
    #publishable: false
    #transparent: false
    -role: "layout"
    -compatibles: []
    -framework: ""
    -providers: []
    -mapping: []
    -configs: [
      "themeColor" => [
        "type" => "Nilead\FormBundle\Type\Misc\ColorPickerType"
        "options" => [
          "label" => "Theme Color"
        ]
      ]
      "customCss" => [
        "type" => "Nilead\FormBundle\Type\CodeEditorType"
        "options" => [
          "label" => "Custom CSS"
          "mode" => "css"
        ]
      ]
      "customJs" => [
        "type" => "Nilead\FormBundle\Type\CodeEditorType"
        "options" => [
          "label" => "Custom JS"
          "mode" => "javascript"
        ]
      ]
    ]
    -options: [
      "prefix" => "tailwind_layout"
      "canParent" => true
      "events" => [
        "scroll_page_up" => [
          "label" => "Scrolling Page (Up)"
          "type" => "continuous"
        ]
        "scroll_page_down" => [
          "label" => "Scrolling Page (Down)"
          "type" => "continuous"
        ]
        "scroll_page_left" => [
          "label" => "Scrolling Page (Left)"
          "type" => "continuous"
        ]
        "scroll_page_right" => [
          "label" => "Scrolling Page (Right)"
          "type" => "continuous"
        ]
        "page_load" => [
          "label" => "Page Load"
          "type" => "instant"
        ]
        "page_before_unload" => [
          "label" => "Before Unload"
          "type" => "instant"
        ]
        "page_unload" => [
          "label" => "Unload"
          "type" => "instant"
        ]
        "scroll_into_view" => false
        "scroll_out_of_view" => false
      ]
    ]
    -interactions: []
    -blockType: "Nilead\BlockBundle\Block\Type\LayoutType"
    -children: []
    -system: false
    #nileadId: null
    #id: 47
    #oldId: null
    #summary: "Base website layout.\n"
    #description: "A base layout utilizing Tailwind, which is a utility-first CSS framework.\n"
    #enabled: true
    #position: 46
    #created: 1589974881
    #updated: 1753949486
    #tags: [
      Nilead\TagBundle\Model\Tag {#10195
        #name: "w:layout"
        #tagRelation: Doctrine\ORM\PersistentCollection {#10198 …}
        #linked: false
        #id: 15
        #oldId: null
        #color: null
        #created: 1560141756
        #updated: 1560141756
      }
      Nilead\TagBundle\Model\Tag {#10202
        #name: "w:page-layout"
        #tagRelation: Doctrine\ORM\PersistentCollection {#10204 …}
        #linked: false
        #id: 116
        #oldId: null
        #color: "none"
        #created: 1597910979
        #updated: 1597910979
      }
    ]
    #tagsLinked: [
      "w:layout" => [
        "link" => 2
        "id" => 15
      ]
      "w:page-layout" => [
        "link" => 2
        "id" => 116
      ]
    ]
    +__isInitialized__: true
     …2
  }
  -layoutSource: null
  -source: null
  -isSource: false
  -isShortcut: false
  -root: null
  -parent: null
  -style: Proxies\__CG__\Nilead\BlockBundle\Model\Style {#10141
    #name: "linkon"
    #type: "website"
    #screens: [
      [
        "name" => "Large Phone"
        "class" => "sm"
        "value" => "640px"
      ]
      [
        "name" => "Tablet Portrait"
        "class" => "md"
        "value" => "768px"
      ]
      [
        "name" => "Tablet Landscape"
        "class" => "lg"
        "value" => "1024px"
      ]
      [
        "name" => "Desktop Small"
        "class" => "xl"
        "value" => "1280px"
      ]
      [
        "name" => "Desktop Large"
        "class" => "xxl"
        "value" => "1440px"
      ]
      [
        "name" => "Desktop HD"
        "class" => "xxxl"
        "value" => "1920px"
      ]
      [
        "name" => "Default"
        "class" => "default"
        "value" => "375px"
      ]
    ]
    #colors: [
      [
        "name" => "primary"
        "value" => "#101941"
        "class" => "primary"
      ]
      [
        "name" => "secondary"
        "value" => "#1676B6"
        "class" => "secondary"
      ]
      [
        "name" => "muted"
        "value" => "#B0B7B9"
        "class" => "muted"
      ]
      [
        "name" => "caption"
        "value" => "#F99F24"
        "class" => "caption"
      ]
      [
        "name" => "disabled"
        "value" => "#616161"
        "class" => "disabled"
      ]
      [
        "name" => "highlight"
        "value" => "#F99F24"
        "class" => "highlight"
      ]
      [
        "name" => "warning"
        "value" => "#F5A419"
        "class" => "warning"
      ]
      [
        "name" => "success"
        "value" => "#29AB6E"
        "class" => "success"
      ]
      [
        "name" => "error"
        "value" => "#FF4E4E"
        "class" => "error"
      ]
      [
        "name" => "link"
        "value" => "#F99F24"
        "class" => "link"
      ]
      [
        "name" => "link-hover"
        "value" => "#1676B6"
        "class" => "link-hover"
      ]
      [
        "name" => "link-visit"
        "value" => "#F99F24"
        "class" => "link-visited"
      ]
      [
        "name" => "link-active"
        "value" => "#F99F24"
        "class" => "link-active"
      ]
      [
        "name" => "black"
        "value" => "#000000"
        "class" => "black"
      ]
      [
        "name" => "white"
        "value" => "#FFFFFF"
        "class" => "white"
      ]
    ]
    #fontSizes: []
    #typographies: [
      [
        "name" => "Roboto"
        "families" => [
          [
            "family" => 35
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Roboto"
      ]
      [
        "name" => "Playfair Display"
        "families" => [
          [
            "family" => 19
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Playfair-Display"
      ]
      [
        "name" => "Josefin Sans"
        "families" => [
          [
            "family" => 286
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Josefin-Sans"
      ]
    ]
    #extra: [
      "fontSize" => []
      "order" => []
      "colGap" => []
      "rowGap" => []
      "margin" => []
      "padding" => []
      "scrollMargin" => []
      "scrollPadding" => []
      "space" => []
      "lineHeight" => []
      "letterSpacing" => []
      "width" => []
      "minWidth" => []
      "maxWidth" => []
      "height" => []
      "minHeight" => []
      "maxHeight" => []
      "borderRadius" => []
      "borderWidth" => []
      "ringWidth" => []
      "ringOffset" => []
      "zIndex" => []
      "scale" => []
      "translate" => []
      "rotate" => []
      "skew" => []
      "transform" => []
      "blur" => []
      "brightness" => []
      "contrast" => []
      "hueRotate" => []
      "saturate" => []
      "backdropBlur" => []
      "backdropBrightness" => []
      "backdropContrast" => []
      "backdropGrayscale" => []
      "backdropSaturate" => []
      "opacity" => []
      "backdropOpacity" => []
      "placeholderOpacity" => []
      "borderOpacity" => []
      "backgroundOpacity" => []
      "ringOpacity" => []
      "textOpacity" => []
      "textIndent" => []
      "textUnderlineOffset" => []
      "textDecorationThickness" => []
    ]
    #styles: [
      "body" => [
        "default" => [
          "default" => [
            "font" => "font-Roboto"
            "fontWeight" => "font-light"
            "lineHeight" => "leading-normal"
            "padding" => [
              "bottom" => "pb-1"
            ]
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => []
        ]
      ]
      ".heading-big" => [
        "default" => [
          "default" => [
            "fontSize" => "text-2xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => [
            "fontSize" => "text-5xl"
            "lineHeight" => "leading-normal"
          ]
        ]
      ]
      "h1,h2,h3,h4,h5,h6" => [
        "default" => [
          "default" => [
            "fontWeight" => "font-semibold"
            "textColor" => "text-primary"
            "font" => "font-Josefin-Sans"
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => []
        ]
      ]
      "a.current" => [
        "default" => [
          "default" => [
            "textColor" => "text-link-active"
          ]
        ]
      ]
      ".nl-widget-element-rich-text a" => [
        "default" => [
          "default" => [
            "textDecoration" => "underline"
            "textDecorationStyle" => "decoration-dotted"
            "transitionProperty" => "transition-[all]"
            "transitionDuration" => "duration-[300ms]"
            "transitionDelay" => "delay-[0ms]"
            "transitionTimingFunction" => "ease-[ease-in-out]"
            "textColor" => "text-link-hover"
          ]
        ]
      ]
    ]
    #configs: [
      "configs" => [
        "theme" => [
          "extend" => [
            "fontFamily" => [
              "Roboto" => [
                "Roboto"
                "sans-serif"
              ]
              "Playfair-Display" => [
                "Playfair Display"
                "sans-serif"
              ]
              "Josefin-Sans" => [
                "Josefin Sans"
                "sans-serif"
              ]
            ]
          ]
          "screens" => [
            "sm" => "640px"
            "md" => "768px"
            "lg" => "1024px"
            "xl" => "1280px"
            "xxl" => "1440px"
            "xxxl" => "1920px"
            "default" => "375px"
          ]
          "colors" => [
            "primary" => "#101941"
            "secondary" => "#1676B6"
            "muted" => "#B0B7B9"
            "caption" => "#F99F24"
            "disabled" => "#616161"
            "highlight" => "#F99F24"
            "warning" => "#F5A419"
            "success" => "#29AB6E"
            "error" => "#FF4E4E"
            "link" => "#F99F24"
            "link-hover" => "#1676B6"
            "link-visited" => "#F99F24"
            "link-active" => "#F99F24"
            "black" => "#000000"
            "white" => "#FFFFFF"
          ]
        ]
      ]
      "custom" => "body{@apply  font-Roboto font-light leading-normal pb-1;}.heading-big{@apply  text-2xl leading-normal;}h1,h2,h3,h4,h5,h6{@apply  font-semibold text-primary font-Josefin-Sans;}a.current{@apply  text-link-active;}.nl-widget-element-rich-text a{@apply  underline decoration-dotted transition-[all] duration-[300ms] delay-[0ms] ease-[ease-in-out] text-link-hover;} @screen xl {body{@apply  text-4xl leading-normal;}.heading-big{@apply  text-4xl leading-normal;}h1,h2,h3,h4,h5,h6{@apply  text-4xl leading-normal;}} @screen xxxl {.heading-big{@apply  text-5xl leading-normal;}}"
    ]
    #compiled: [
      "fonts" => [
        [
          "font" => [
            "name" => "Roboto"
            "type" => "google"
            "configurations" => [
              "family" => "Roboto"
              "variants" => [
                "100"
                "300"
                "300italic"
                "500"
                "700"
                "900"
                "regular"
              ]
              "subsets" => [
                "vietnamese"
                "latin"
                "cyrillic"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "Playfair Display"
            "type" => "google"
            "configurations" => [
              "family" => "Playfair Display"
              "variants" => [
                "regular"
                "500"
                "600"
                "700"
                "800"
                "900"
                "italic"
                "600italic"
              ]
              "subsets" => [
                "vietnamese"
                "latin"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "Josefin Sans"
            "type" => "google"
            "configurations" => [
              "family" => "Josefin Sans"
              "variants" => [
                "300"
                "regular"
                "500"
                "600"
                "700"
                "300italic"
                "italic"
                "500italic"
                "600italic"
                "700italic"
              ]
              "subsets" => [
                "latin"
                "latin-ext"
                "vietnamese"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
      ]
    ]
    #widgets: ? Doctrine\Common\Collections\Collection
    #id: 49
    #oldId: null
    #customId: "c53adc40ab28481ba093f3d99c051959"
    #created: 1746417186
    #updated: 1746615349
    +__isInitialized__: true
     …2
  }
  -children: Doctrine\ORM\PersistentCollection {#10144 …}
  -snapshots: Doctrine\ORM\PersistentCollection {#10145 …}
  -meta: []
  #id: 525599
  #oldId: null
  #locker: null
  #lockExpired: null
  #skipLockVoter: false
  #created: 1746421419
  #updated: 1746525335
  #deleted: null
}
data_class 
"Nilead\BlockBundle\Model\Widget"
disabled 
false
empty_data 
Closure(FormInterface $form) {#10742
  class: "Symfony\Component\Form\Extension\Core\Type\FormType"
  use: {
    $class: "Nilead\BlockBundle\Model\Widget"
  }
}
error_bubbling 
false
error_mapping 
[]
extension_form 
true
extra_data 
[]
extra_fields_message 
"This form should not contain extra fields."
flexible 
[]
form_attr 
false
getter 
null
help 
"nilead.widget.help"
help_attr 
[]
help_html 
false
help_translation_parameters 
[]
honey_pot_prefix 
"nl"
ignore_data 
true
ignore_value 
true
inherit_data 
false
invalid_message 
"This value is not valid."
invalid_message_parameters 
[]
is_empty_callback 
null
label 
"nilead.widget"
label_attr 
[]
label_format 
null
label_html 
false
label_translation_parameters 
[]
mapped 
true
method 
"POST"
post_max_size_message 
"The uploaded file was too large. Please try to upload a smaller file."
priority 
0
property_path 
null
required 
false
resource_id 
525599
row_attr 
[]
setter 
null
tag_form 
true
translatable 
false
translation_domain 
null
transporter 
false
trim 
true
type 
null
upload_max_size_message 
Closure() {#10745
  class: "Symfony\Component\Form\Extension\Validator\Type\UploadValidatorExtension"
  use: {
    $translator: Symfony\Component\Translation\DataCollectorTranslator {#1774 …}
    $message: Closure() {#10744 …}
    $translationDomain: "validators"
  }
}
user_define 
null
validation_groups 
Closure(FormInterface $form) {#10740
  class: "Nilead\BlockBundle\Form\Type\WidgetMappingType"
  this: Nilead\BlockBundle\Form\Type\WidgetMappingType {#10131 …}
}
version 
"1.1.12"
widget_attr 
[]

View Vars

Variable Value
action 
""
attr 
[]
attr_translation_parameters 
[]
block_prefixes 
[
  "form"
  "nilead_widget_mapping"
  "nilead_widget"
  "_nilead_widget_mapping"
]
cache_key 
"_nilead_widget_mapping_nilead_widget_mapping"
compound 
true
constraints 
[]
data 
Nilead\BlockBundle\Model\Widget {#10130
  #extraOptions: [
    "providers"
    "mapping"
    "configs"
  ]
  #name: "linkon"
  +providerType: ""
  +providerOptions: []
  +providerConfigs: []
  -alias: null
  -_oldAlias: null
  -styles: [
    "class" => "font-400"
    "styles" => [
      "default" => [
        "default" => [
          "fontSize" => "text-base"
        ]
      ]
    ]
  ]
  -providers: []
  -mapping: []
  -configs: [
    "id" => null
    "attributes" => []
    "themeColor" => null
    "customCss" => """
      img {\n
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);\n
        transform-style: preserve-3d;\n
        will-change: transform;\n
      }\n
      \n
      h1, h2, h3, h4, h5, h6 { \n
        display: block;\n
        margin-start: 0;\n
        margin-end: 0;\n
        margin-left: 0;\n
        margin-right: 0; \n
      }\n
      \n
      h1 {\n
        font-size: 2em;\n
        margin-top: 0.67em;\n
        margin-bottom: 0.67em;\n
      }\n
      h2 {\n
        font-size: 1.5em;\n
        margin-top: 0.83em;\n
        margin-bottom: 0.83em;\n
      }\n
      h3 {\n
        font-size: 1.17em;\n
        margin-top: 1em;\n
        margin-bottom: 1em;\n
      }\n
      h4 {\n
        font-size: 1em;\n
        margin-top: 1.33em;\n
        margin-bottom: 1.33em;\n
      }\n
      h5 {\n
        font-size: .83em;\n
        margin-top: 1.67em;\n
        margin-bottom: 1.67em;\n
      }\n
      h6 {\n
        font-size: .67em;\n
        margin-top: 2.33em;\n
        margin-bottom: 2.33em;\n
      }\n
      \n
      /*animate slide caption, title, buttons*/\n
      .nl-widget-element-slider.is-initialized {\n
        opacity: 1;\n
      }\n
      .nl-widget-element-slider-slide .nl-slide-content > .caption,\n
      .nl-widget-element-slider-slide .nl-slide-content > *:nth-child(1) {\n
        -webkit-text-stroke-width: 1px;\n
        -webkit-text-stroke-color: rgba(255,255,255,0.5);\n
        color: transparent;\n
      }\n
      .nl-widget-element-slider-slide:not(.is-active) * {\n
        transition-delay: 0ms;\n
        /*-webkit-transition: all 0.6s cubic-bezier(0.77,0,0.175,1) 0.8s;*/\n
        /*  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  transition: all 0.6s cubic-bezier(0.77,0,0.175,1) 0.8s;*/\n
      }\n
      .nl-widget-element-slider-slide.is-active * {\n
        --tw-translate-y: 0;\n
        --tw-translate-x: 0;\n
        opacity: 1;\n
      }\n
      .nl-widget-element-slider[data-nav="horizontal"] .nl-widget-element-slider-nav > div.is-active {\n
        width: 72px;\n
      }\n
      .nl-widget-element-slider[data-nav="horizontal"] .nl-widget-element-slider-nav > div.is-active > div {\n
        width: 100%;\n
        transition-duration: var(--time);\n
      }\n
      \n
      \n
      @media (min-width: 1024px) {\n
        .nl-grid-menus {\n
          display: block;\n
         column-count: 2;\n
         column-gap: 12rem;\n
        }\n
        .nl-grid-menus > * {\n
          break-inside: avoid;\n
        }\n
        .nl-grid-menus > *:first-child {\n
          margin-top: -2rem;\n
        }\n
      }\n
      \n
      /*blog item*/\n
      .truncate-3-lines {\n
          height: 3.5rem;\n
          -webkit-line-clamp: 3;\n
          overflow: hidden;\n
          -o-text-overflow: ellipsis;\n
          text-overflow: ellipsis;\n
          display: -webkit-box !important;\n
          -webkit-box-orient: vertical;\n
      }\n
      @media screen and (min-width: 1280px) {\n
          .truncate-3-lines {\n
              height: 3.8rem;\n
          }\n
      }\n
      \n
      /* NILEAD link styles */\n
      /*--------------------*/\n
      .nilead-link a {\n
      \toutline: none;\n
        text-decoration: none;\n
        position: relative;\n
        line-height: 1;\n
        color: #742014;\n
        display: inline-block;\n
        overflow: hidden;\n
        padding: 4px 2px;\n
        font-weight: 600;\n
        margin: 0px 0 -6px 0;\n
      }\n
      /*.nilead-link:hover {*/\n
      /*  font-weight: 400;*/\n
      /*}*/\n
      ::root {\n
      --nl-bg: #101941;\n
      }\n
      \n
      .nilead-link a::after {\n
      \tcontent: '';\n
        position: absolute;\n
        height: 100%;\n
        width: 100%;\n
        top: 0;\n
        right: -1px;\n
        z-index: 0;\n
        background: var(--nl-bg);\n
        -webkit-transform: translate3d(101%, 0, 0);\n
        transform: translate3d(101%, 0, 0);\n
        -webkit-transition: -webkit-transform 0.5s;\n
        transition: transform 0.5s;\n
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
      }\n
      .nilead-link a:hover::after {\n
      \t-webkit-transform: translate3d(0,0,0);\n
      \ttransform: translate3d(0,0,0);\n
      }\n
      .nilead-link u {\n
        display: block;\n
        position: relative;\n
        z-index: 1;\n
        text-decoration: none;\n
      }\n
      .nilead-link a u::before {\n
      \tcontent: 'Nilead';\n
        position: absolute;\n
        color: #FFFFFF;\n
        left: 0;\n
        overflow: hidden;\n
        white-space: nowrap;\n
        width: 0%;\n
        -webkit-transition: width 0.5s;\n
        transition: width 0.5s;\n
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
      }\n
      .nilead-link a:hover u::before {\n
      \twidth: 100%;\n
      }\n
      \n
      /*menu*/\n
      .nl-language span:first-child {\n
        -webkit-box-shadow: inset 0 0 0 2px currentColor;\n
        box-shadow: inset 0px 0 0px 2px currentColor;\n
        border-color: currentColor;\n
        transition: all 300ms ease-in-out;\n
      }\n
      .nl-language:not(.current):not(:hover) span:first-child {\n
        -webkit-box-shadow: none;\n
        box-shadow: none;\n
        opacity: .5;\n
      }\n
      .nl-language::before {\n
        display: none;\n
      }\n
      .nl-backdrop-menu {\n
        opacity: 0;\n
        pointer-events: none;\n
        -webkit-transition: opacity .3s ease-in-out;\n
        -o-transition: opacity .3s ease-in-out;\n
        transition: opacity .3s ease-in-out;\n
      }\n
      \n
      /*.nl-header {*/\n
        /*min-height: var(--h-header);*/\n
      /*}*/\n
      .nl-header-inner {\n
        -webkit-animation: menu-slide-up .8s .1s cubic-bezier(.25,.46,.45,.94) both;\n
        animation: menu-slide-up .8s .1s cubic-bezier(.25,.46,.45,.94) both;\n
      }\n
      .nl-header.header-fixed .nl-header-inner {\n
        position: fixed;\n
        /*background-color: #fff;*/\n
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);\n
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);\n
        z-index: 1030;\n
        -webkit-animation: menu-slide-down .5s cubic-bezier(.25,.46,.45,.94) both;\n
        animation: menu-slide-down .5s cubic-bezier(.25,.46,.45,.94) both;\n
        -webkit-transition: background-color .2s ease-in-out;\n
        -o-transition: background-color .2s ease-in-out;\n
        transition: background-color .2s ease-in-out\n
      }\n
      /*.nl-header.header-fixed .nl-logo {*/\n
      /*  padding: .75rem 0;*/\n
      /*  margin: 0;*/\n
      /*}*/\n
      .nl-header.header-fixed .nl-logo .inactive { \n
        opacity: 1;\n
      }\n
      .nl-header.header-fixed .nl-logo .active { \n
        /*opacity: 0;*/\n
        height: 60px;\n
      }\n
        .nl-header a, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle {\n
            /*color: inherit;*/\n
            font-weight: 600;\n
            /*text-transform: uppercase;*/\n
            position: relative;\n
            text-decoration: none;\n
            line-height: 2;\n
        }\n
      @media (min-width: 1280px) {\n
        .nl-header a.nl-effect-hover::before,\n
        .nl-header .nl-main-menu a::before, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle::before {\n
            content: '';\n
            position: absolute;\n
            bottom: .25rem;\n
            width: 0;\n
            transition: all 300ms ease;\n
            border-bottom: 2px solid;\n
            left: 50%;\n
            transform: translateX(-50%);\n
        }\n
        .nl-header a.nl-effect-hover:hover::before, \n
        .nl-header .nl-main-menu a:hover::before, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle:hover::before {\n
            width: calc(100% - 2rem);\n
        }\n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle.nl-toggle-lang:hover::before {\n
          width: 100%;\n
        }\n
      \n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-sub-menu,\n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-main-menu {\n
          display: block !important;\n
        }\n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-sub-menu {\n
          z-index: -1;\n
          pointer-events: none;\n
          -webkit-box-shadow: 0 2px 4px -2px rgb(0 0 0 / 10%);\n
          box-shadow: 0 2px 4px -2px rgb(0 0 0 / 10%);\n
          opacity: 0;\n
          -webkit-transition: opacity .3s ease-in-out;\n
          -o-transition: opacity .3s ease-in-out;\n
          transition: opacity .3s ease-in-out\n
        }\n
        .nl-header.header-fixed .nl-widget-element-dropdown-list.nl-sub-menu { \n
          padding-top: 1.25rem;\n
        }\n
        .nl-main-menu .nl-widget-element-dropdown-toggle::after {\n
          display: inline-block;\n
          margin-left: 0.255em;\n
          content: "";\n
          border-top: 4px solid;\n
          border-right: 4px solid transparent;\n
          border-left: 4px solid transparent;\n
          background-color: transparent;\n
          vertical-align: 2px;\n
        }\n
        .nl-widget-element-dropdown:hover > .nl-widget-element-dropdown-list.nl-sub-menu {\n
          z-index: 1030;\n
          pointer-events: auto;\n
          opacity: 1;\n
        }\n
        .nl-main-menu .nl-widget-element-link,\n
        .nl-main-menu .nl-widget-element-dropdown-toggle {\n
          position: relative;\n
        }\n
        .nl-product-filter {\n
          display: block !important;\n
        }\n
      }\n
      \n
      @media (min-width: 1921px) { \n
        .nl-header .nl-header-right {\n
          padding-right: 16.666667%;\n
        }\n
      }\n
      \n
      @media (max-width: 1279px) {\n
        .open-main-menu {\n
          overflow: hidden;  \n
        }\n
        \n
        .nl-header .nl-main-menu,\n
        .nl-header .nl-sub-menu {\n
          position: fixed;\n
          display: block !important;\n
          top: 0;\n
          left: -100%;\n
          z-index: 1030;\n
          width: 89%;\n
          height: 100%;\n
          height: -webkit-calc(var(--vh,1vh) * 100);\n
          height: calc(var(--vh,1vh) * 100);\n
          margin-top: 0;\n
          -webkit-box-shadow: 4px 3px 8px rgb(0 0 0 / 16%);\n
          box-shadow: 4px 3px 8px rgb(0 0 0 / 16%);\n
          opacity: 1;\n
          -webkit-transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
          -o-transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
          transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
        }\n
        .nl-header .nl-main-menu.dropdown-active,\n
        .nl-header .nl-main-menu.dropdown-active .nl-sub-menu.dropdown-active {\n
          left: 0;\n
          background-color: #fff;\n
        }\n
        .nl-main-menu.dropdown-active + .nl-backdrop-menu {\n
          pointer-events: auto;\n
          opacity: 1;\n
          z-index: 1029;\n
        }\n
        .nl-main-menu .nl-widget-element-dropdown-toggle::after {\n
          content: "";\n
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100'%3e%3cpath transform='rotate(-90 25 50)' d='m25,75l50,-40l-10,-10l-40,30l-40,-30l-10,10l50,40z' fill='%23742014'/%3e%3c/svg%3e");\n
          background-size: 6px 12px;\n
          background-repeat: no-repeat;\n
          display: inline-block;\n
          width: 6px;\n
          height: 12px;\n
        }\n
        .nl-sub-menu h4::before {\n
          content:"";\n
          margin-right: 1rem;\n
          width: 16px;\n
          height: 16px;\n
          background-repeat: no-repeat;\n
          background-position: center;\n
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.2 32'%3e%3cpath d='m51.2,14l-43.846,0l10.732,-11.18l-2.726,-2.82l-15.36,16l15.36,16l2.707,-2.82l-10.713,-11.18l43.846,0l0,-4z' fill='%23742014'/%3e%3c/svg%3e");\n
        }\n
      }\n
      /*menu*/\n
      \n
      /*grid masonry*/\n
      .grid-wrapper > div {\n
      \tdisplay: flex;\n
      \tjustify-content: center;\n
      \talign-items: center;\n
      }\n
      .grid-wrapper img {\n
      \twidth: 100%;\n
      \theight: 100%;\n
      \tobject-fit: cover;\n
      \tborder-radius: 5px;\n
      }\n
      \n
      .grid-wrapper {\n
      \tdisplay: grid;\n
      \tgrid-gap: 1rem;\n
      \tgrid-template-columns: repeat(auto-fit, minmax(1fr, 1fr));\n
      \tgrid-auto-flow: dense;\n
      }\n
      @media (min-width: 640px) {\n
      .grid-wrapper {\n
      \tdisplay: grid;\n
      \tgrid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n
      \tgrid-auto-rows: 200px;\n
      }\n
      .grid-wrapper .wide {\n
      \tgrid-column: span 2;\n
      }\n
      .grid-wrapper .tall {\n
      \tgrid-row: span 2;\n
      }\n
      .grid-wrapper .big {\n
      \tgrid-column: span 2;\n
      \tgrid-row: span 2;\n
      }\n
      }
      """
    "customJs" => """
      //scroll detector for changing the styles of the header\r\n
      // taken from: https://css-tricks.com/styling-based-on-scroll-position/\r\n
      //---------------------------------------------------------------------\r\n
      \r\n
      var header = nu.querySelector('.nl-header');\r\n
      var headerInner = nu.querySelector('.nl-header-inner', header);\r\n
      var headerBottom = nu.querySelector('.nl-header-bottom');\r\n
      if ( null !== header && null !== headerBottom &&\r\n
              "IntersectionObserver" in window &&\r\n
              "IntersectionObserverEntry" in window &&\r\n
              "intersectionRatio" in window.IntersectionObserverEntry.prototype\r\n
      ) {\r\n
        // document.documentElement.style.setProperty('--h-header', headerInner.offsetHeight + 'px');\r\n
      \r\n
        let observer = new IntersectionObserver(entries => {\r\n
          if (entries[0].boundingClientRect.y < 0) {\r\n
            header.classList.add("header-fixed");\r\n
          } else {\r\n
            header.classList.remove("header-fixed");\r\n
          }\r\n
        });\r\n
        observer.observe(headerBottom);\r\n
        // window.addEventListener('resize', function(event) {\r\n
        //   setTimeout(function(){\r\n
        //     document.documentElement.style.setProperty('--h-header', headerInner.offsetHeight + 'px');\r\n
        //   }, 50);\r\n
        // }, true);\r\n
      }\r\n
      \r\n
      // trigger animte class vertical, horizontal\r\n
      nu.forEach(nu.querySelectorAll('.nl-widget-element-slider'), function (slider) {\r\n
        nu.addEventListener(slider, 'sliderReady', function () {\r\n
          var splide = nu.getData(slider, 'nuSlider');\r\n
          var nav = slider.hasAttribute('data-nav');\r\n
          if (splide && nav) {\r\n
            splide.options.rewind = true;\r\n
            slider.style.setProperty('--time', splide.options.interval + 'ms');\r\n
          }\r\n
        })\r\n
      });
      """
  ]
  -options: []
  -interactions: []
  -conditions: []
  -referenceRoles: null
  -status: 0
  -enabled: true
  -aboveFold: false
  -position: 13685
  -widgetType: Proxies\__CG__\Nilead\BlockBundle\Model\WidgetType {#10221
    #extraOptions: [
      "role"
      "providers"
      "mapping"
      "configs"
    ]
    #name: "tailwind"
    #styles: [
      "class" => "text-base font-400"
    ]
    -sku: "tailwind__layout"
    -owner: "base"
    #version: "1.1.12"
    #publishable: false
    #transparent: false
    -role: "layout"
    -compatibles: []
    -framework: ""
    -providers: []
    -mapping: []
    -configs: [
      "themeColor" => [
        "type" => "Nilead\FormBundle\Type\Misc\ColorPickerType"
        "options" => [
          "label" => "Theme Color"
        ]
      ]
      "customCss" => [
        "type" => "Nilead\FormBundle\Type\CodeEditorType"
        "options" => [
          "label" => "Custom CSS"
          "mode" => "css"
        ]
      ]
      "customJs" => [
        "type" => "Nilead\FormBundle\Type\CodeEditorType"
        "options" => [
          "label" => "Custom JS"
          "mode" => "javascript"
        ]
      ]
    ]
    -options: [
      "prefix" => "tailwind_layout"
      "canParent" => true
      "events" => [
        "scroll_page_up" => [
          "label" => "Scrolling Page (Up)"
          "type" => "continuous"
        ]
        "scroll_page_down" => [
          "label" => "Scrolling Page (Down)"
          "type" => "continuous"
        ]
        "scroll_page_left" => [
          "label" => "Scrolling Page (Left)"
          "type" => "continuous"
        ]
        "scroll_page_right" => [
          "label" => "Scrolling Page (Right)"
          "type" => "continuous"
        ]
        "page_load" => [
          "label" => "Page Load"
          "type" => "instant"
        ]
        "page_before_unload" => [
          "label" => "Before Unload"
          "type" => "instant"
        ]
        "page_unload" => [
          "label" => "Unload"
          "type" => "instant"
        ]
        "scroll_into_view" => false
        "scroll_out_of_view" => false
      ]
    ]
    -interactions: []
    -blockType: "Nilead\BlockBundle\Block\Type\LayoutType"
    -children: []
    -system: false
    #nileadId: null
    #id: 47
    #oldId: null
    #summary: "Base website layout.\n"
    #description: "A base layout utilizing Tailwind, which is a utility-first CSS framework.\n"
    #enabled: true
    #position: 46
    #created: 1589974881
    #updated: 1753949486
    #tags: [
      Nilead\TagBundle\Model\Tag {#10195
        #name: "w:layout"
        #tagRelation: Doctrine\ORM\PersistentCollection {#10198 …}
        #linked: false
        #id: 15
        #oldId: null
        #color: null
        #created: 1560141756
        #updated: 1560141756
      }
      Nilead\TagBundle\Model\Tag {#10202
        #name: "w:page-layout"
        #tagRelation: Doctrine\ORM\PersistentCollection {#10204 …}
        #linked: false
        #id: 116
        #oldId: null
        #color: "none"
        #created: 1597910979
        #updated: 1597910979
      }
    ]
    #tagsLinked: [
      "w:layout" => [
        "link" => 2
        "id" => 15
      ]
      "w:page-layout" => [
        "link" => 2
        "id" => 116
      ]
    ]
    +__isInitialized__: true
     …2
  }
  -layoutSource: null
  -source: null
  -isSource: false
  -isShortcut: false
  -root: null
  -parent: null
  -style: Proxies\__CG__\Nilead\BlockBundle\Model\Style {#10141
    #name: "linkon"
    #type: "website"
    #screens: [
      [
        "name" => "Large Phone"
        "class" => "sm"
        "value" => "640px"
      ]
      [
        "name" => "Tablet Portrait"
        "class" => "md"
        "value" => "768px"
      ]
      [
        "name" => "Tablet Landscape"
        "class" => "lg"
        "value" => "1024px"
      ]
      [
        "name" => "Desktop Small"
        "class" => "xl"
        "value" => "1280px"
      ]
      [
        "name" => "Desktop Large"
        "class" => "xxl"
        "value" => "1440px"
      ]
      [
        "name" => "Desktop HD"
        "class" => "xxxl"
        "value" => "1920px"
      ]
      [
        "name" => "Default"
        "class" => "default"
        "value" => "375px"
      ]
    ]
    #colors: [
      [
        "name" => "primary"
        "value" => "#101941"
        "class" => "primary"
      ]
      [
        "name" => "secondary"
        "value" => "#1676B6"
        "class" => "secondary"
      ]
      [
        "name" => "muted"
        "value" => "#B0B7B9"
        "class" => "muted"
      ]
      [
        "name" => "caption"
        "value" => "#F99F24"
        "class" => "caption"
      ]
      [
        "name" => "disabled"
        "value" => "#616161"
        "class" => "disabled"
      ]
      [
        "name" => "highlight"
        "value" => "#F99F24"
        "class" => "highlight"
      ]
      [
        "name" => "warning"
        "value" => "#F5A419"
        "class" => "warning"
      ]
      [
        "name" => "success"
        "value" => "#29AB6E"
        "class" => "success"
      ]
      [
        "name" => "error"
        "value" => "#FF4E4E"
        "class" => "error"
      ]
      [
        "name" => "link"
        "value" => "#F99F24"
        "class" => "link"
      ]
      [
        "name" => "link-hover"
        "value" => "#1676B6"
        "class" => "link-hover"
      ]
      [
        "name" => "link-visit"
        "value" => "#F99F24"
        "class" => "link-visited"
      ]
      [
        "name" => "link-active"
        "value" => "#F99F24"
        "class" => "link-active"
      ]
      [
        "name" => "black"
        "value" => "#000000"
        "class" => "black"
      ]
      [
        "name" => "white"
        "value" => "#FFFFFF"
        "class" => "white"
      ]
    ]
    #fontSizes: []
    #typographies: [
      [
        "name" => "Roboto"
        "families" => [
          [
            "family" => 35
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Roboto"
      ]
      [
        "name" => "Playfair Display"
        "families" => [
          [
            "family" => 19
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Playfair-Display"
      ]
      [
        "name" => "Josefin Sans"
        "families" => [
          [
            "family" => 286
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Josefin-Sans"
      ]
    ]
    #extra: [
      "fontSize" => []
      "order" => []
      "colGap" => []
      "rowGap" => []
      "margin" => []
      "padding" => []
      "scrollMargin" => []
      "scrollPadding" => []
      "space" => []
      "lineHeight" => []
      "letterSpacing" => []
      "width" => []
      "minWidth" => []
      "maxWidth" => []
      "height" => []
      "minHeight" => []
      "maxHeight" => []
      "borderRadius" => []
      "borderWidth" => []
      "ringWidth" => []
      "ringOffset" => []
      "zIndex" => []
      "scale" => []
      "translate" => []
      "rotate" => []
      "skew" => []
      "transform" => []
      "blur" => []
      "brightness" => []
      "contrast" => []
      "hueRotate" => []
      "saturate" => []
      "backdropBlur" => []
      "backdropBrightness" => []
      "backdropContrast" => []
      "backdropGrayscale" => []
      "backdropSaturate" => []
      "opacity" => []
      "backdropOpacity" => []
      "placeholderOpacity" => []
      "borderOpacity" => []
      "backgroundOpacity" => []
      "ringOpacity" => []
      "textOpacity" => []
      "textIndent" => []
      "textUnderlineOffset" => []
      "textDecorationThickness" => []
    ]
    #styles: [
      "body" => [
        "default" => [
          "default" => [
            "font" => "font-Roboto"
            "fontWeight" => "font-light"
            "lineHeight" => "leading-normal"
            "padding" => [
              "bottom" => "pb-1"
            ]
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => []
        ]
      ]
      ".heading-big" => [
        "default" => [
          "default" => [
            "fontSize" => "text-2xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => [
            "fontSize" => "text-5xl"
            "lineHeight" => "leading-normal"
          ]
        ]
      ]
      "h1,h2,h3,h4,h5,h6" => [
        "default" => [
          "default" => [
            "fontWeight" => "font-semibold"
            "textColor" => "text-primary"
            "font" => "font-Josefin-Sans"
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => []
        ]
      ]
      "a.current" => [
        "default" => [
          "default" => [
            "textColor" => "text-link-active"
          ]
        ]
      ]
      ".nl-widget-element-rich-text a" => [
        "default" => [
          "default" => [
            "textDecoration" => "underline"
            "textDecorationStyle" => "decoration-dotted"
            "transitionProperty" => "transition-[all]"
            "transitionDuration" => "duration-[300ms]"
            "transitionDelay" => "delay-[0ms]"
            "transitionTimingFunction" => "ease-[ease-in-out]"
            "textColor" => "text-link-hover"
          ]
        ]
      ]
    ]
    #configs: [
      "configs" => [
        "theme" => [
          "extend" => [
            "fontFamily" => [
              "Roboto" => [
                "Roboto"
                "sans-serif"
              ]
              "Playfair-Display" => [
                "Playfair Display"
                "sans-serif"
              ]
              "Josefin-Sans" => [
                "Josefin Sans"
                "sans-serif"
              ]
            ]
          ]
          "screens" => [
            "sm" => "640px"
            "md" => "768px"
            "lg" => "1024px"
            "xl" => "1280px"
            "xxl" => "1440px"
            "xxxl" => "1920px"
            "default" => "375px"
          ]
          "colors" => [
            "primary" => "#101941"
            "secondary" => "#1676B6"
            "muted" => "#B0B7B9"
            "caption" => "#F99F24"
            "disabled" => "#616161"
            "highlight" => "#F99F24"
            "warning" => "#F5A419"
            "success" => "#29AB6E"
            "error" => "#FF4E4E"
            "link" => "#F99F24"
            "link-hover" => "#1676B6"
            "link-visited" => "#F99F24"
            "link-active" => "#F99F24"
            "black" => "#000000"
            "white" => "#FFFFFF"
          ]
        ]
      ]
      "custom" => "body{@apply  font-Roboto font-light leading-normal pb-1;}.heading-big{@apply  text-2xl leading-normal;}h1,h2,h3,h4,h5,h6{@apply  font-semibold text-primary font-Josefin-Sans;}a.current{@apply  text-link-active;}.nl-widget-element-rich-text a{@apply  underline decoration-dotted transition-[all] duration-[300ms] delay-[0ms] ease-[ease-in-out] text-link-hover;} @screen xl {body{@apply  text-4xl leading-normal;}.heading-big{@apply  text-4xl leading-normal;}h1,h2,h3,h4,h5,h6{@apply  text-4xl leading-normal;}} @screen xxxl {.heading-big{@apply  text-5xl leading-normal;}}"
    ]
    #compiled: [
      "fonts" => [
        [
          "font" => [
            "name" => "Roboto"
            "type" => "google"
            "configurations" => [
              "family" => "Roboto"
              "variants" => [
                "100"
                "300"
                "300italic"
                "500"
                "700"
                "900"
                "regular"
              ]
              "subsets" => [
                "vietnamese"
                "latin"
                "cyrillic"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "Playfair Display"
            "type" => "google"
            "configurations" => [
              "family" => "Playfair Display"
              "variants" => [
                "regular"
                "500"
                "600"
                "700"
                "800"
                "900"
                "italic"
                "600italic"
              ]
              "subsets" => [
                "vietnamese"
                "latin"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "Josefin Sans"
            "type" => "google"
            "configurations" => [
              "family" => "Josefin Sans"
              "variants" => [
                "300"
                "regular"
                "500"
                "600"
                "700"
                "300italic"
                "italic"
                "500italic"
                "600italic"
                "700italic"
              ]
              "subsets" => [
                "latin"
                "latin-ext"
                "vietnamese"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
      ]
    ]
    #widgets: ? Doctrine\Common\Collections\Collection
    #id: 49
    #oldId: null
    #customId: "c53adc40ab28481ba093f3d99c051959"
    #created: 1746417186
    #updated: 1746615349
    +__isInitialized__: true
     …2
  }
  -children: Doctrine\ORM\PersistentCollection {#10144 …}
  -snapshots: Doctrine\ORM\PersistentCollection {#10145 …}
  -meta: []
  #id: 525599
  #oldId: null
  #locker: null
  #lockExpired: null
  #skipLockVoter: false
  #created: 1746421419
  #updated: 1746525335
  #deleted: null
}
disabled 
false
errors 
[]
flexible 
[]
form 
Symfony\Component\Form\FormView {#10876 …5}
full_name 
"nilead_widget_mapping"
help 
"nilead.widget.help"
help_attr 
[]
help_html 
false
help_translation_parameters 
[]
id 
"nilead_widget_mapping"
ignore_data 
true
ignore_value 
true
label 
"nilead.widget"
label_attr 
[]
label_format 
null
label_html 
false
label_translation_parameters 
[]
languages 
[
  "en" => [
    "id" => 1
    "name" => "English"
    "dateFormats" => [
      "default" => "m-d-Y"
      "short" => "m-d"
      "long" => "d-m-Y"
    ]
    "numberFormat" => "#,##0.##"
    "currencyFormat" => "{value} {symbol}"
    "timeFormats" => [
      "default" => "H:i"
      "short" => "H:i"
      "long" => "H:i:s"
    ]
    "locale" => "en"
    "direction" => "ltr"
    "hreflang" => null
    "enabled" => true
    "icon" => [
      "id" => 20866
      "name" => "united-states"
      "summary" => null
      "path" => "assets/img/united-states_1704441337.png"
      "convertedPath" => "/assets/img/united-states_1704441337.png"
      "size" => 15110
      "type" => "image"
      "filesystem" => "local_web"
      "metas" => [
        "options" => []
        "name" => "united-states.png"
        "ext" => "png"
        "mimeType" => "image/png"
        "filters" => [
          "original" => [
            "width" => 512
            "height" => 512
            "transformed" => false
          ]
          "tiny" => [
            "width" => 240
            "height" => 240
            "transformed" => true
            "convertedPath" => "/assets/img/united-states_1704441337_tiny.png"
          ]
          "xs" => [
            "width" => 480
            "height" => 480
            "transformed" => true
            "convertedPath" => "/assets/img/united-states_1704441337_xs.png"
          ]
          "small" => [
            "width" => 512
            "height" => 512
            "transformed" => true
            "convertedPath" => "/assets/img/united-states_1704441337_small.png"
          ]
        ]
        "width" => 512
        "height" => 512
        "ratio" => 1
        "processing" => false
        "transformed" => true
      ]
    ]
    "systemDefault" => true
  ]
  "ar" => [
    "id" => 3
    "name" => "العربية"
    "dateFormats" => [
      "default" => "F d, Y"
      "short" => "F d"
      "long" => "F d, Y"
    ]
    "numberFormat" => "#,##0.00"
    "currencyFormat" => "{value} {symbol}"
    "timeFormats" => [
      "default" => "empty"
      "short" => "empty"
      "long" => "empty"
    ]
    "locale" => "ar"
    "direction" => "rtl"
    "hreflang" => null
    "enabled" => false
    "icon" => [
      "id" => 20868
      "name" => "800px-Arabic-Language-Flag.svg"
      "summary" => null
      "path" => "assets/img/800px-arabic-language-flag-svg_1704443468.png"
      "convertedPath" => "/assets/img/800px-arabic-language-flag-svg_1704443468.png"
      "size" => 5534
      "type" => "image"
      "filesystem" => "local_web"
      "metas" => [
        "options" => []
        "name" => "800px-Arabic-Language-Flag.svg.png"
        "ext" => "png"
        "mimeType" => "image/png"
        "filters" => [
          "original" => [
            "width" => 800
            "height" => 533
            "transformed" => false
          ]
          "tiny" => [
            "width" => 240
            "height" => 159
            "transformed" => true
            "convertedPath" => "/assets/img/800px-arabic-language-flag-svg_1704443468_tiny.png"
          ]
          "xs" => [
            "width" => 480
            "height" => 319
            "transformed" => true
            "convertedPath" => "/assets/img/800px-arabic-language-flag-svg_1704443468_xs.png"
          ]
          "small" => [
            "width" => 640
            "height" => 426
            "transformed" => true
            "convertedPath" => "/assets/img/800px-arabic-language-flag-svg_1704443468_small.png"
          ]
          "medium" => [
            "width" => 800
            "height" => 533
            "transformed" => true
            "convertedPath" => "/assets/img/800px-arabic-language-flag-svg_1704443468_medium.png"
          ]
          "large" => [
            "width" => 800
            "height" => 533
            "transformed" => true
            "convertedPath" => "/assets/img/800px-arabic-language-flag-svg_1704443468_large.png"
          ]
        ]
        "width" => 800
        "height" => 533
        "ratio" => 1.5009380863039
        "processing" => false
        "transformed" => true
      ]
    ]
  ]
  "es" => [
    "id" => 6
    "name" => "spanish"
    "dateFormats" => [
      "default" => "d/m/Y"
      "short" => "d M"
      "long" => "d F Y"
    ]
    "numberFormat" => "#,##0.00"
    "currencyFormat" => "{value} {symbol}"
    "timeFormats" => [
      "default" => "empty"
      "short" => "empty"
      "long" => "empty"
    ]
    "locale" => "es"
    "direction" => "ltr"
    "hreflang" => null
    "enabled" => true
    "icon" => null
  ]
  "zh" => [
    "id" => 5
    "name" => "中文"
    "dateFormats" => [
      "default" => "d-m"
      "short" => "d-m"
      "long" => "m-d-Y"
    ]
    "numberFormat" => "#,##0.##"
    "currencyFormat" => "{value} {symbol}"
    "timeFormats" => [
      "default" => "empty"
      "short" => "empty"
      "long" => "empty"
    ]
    "locale" => "zh"
    "direction" => "ltr"
    "hreflang" => null
    "enabled" => true
    "icon" => [
      "id" => 20869
      "name" => "zh"
      "summary" => null
      "path" => "assets/img/zh_1704443512.png"
      "convertedPath" => "/assets/img/zh_1704443512.png"
      "size" => 8045
      "type" => "image"
      "filesystem" => "local_web"
      "metas" => [
        "options" => []
        "name" => "zh.png"
        "ext" => "png"
        "mimeType" => "image/png"
        "filters" => [
          "original" => [
            "width" => 1280
            "height" => 853
            "transformed" => false
          ]
          "tiny" => [
            "width" => 240
            "height" => 159
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_tiny.png"
          ]
          "xs" => [
            "width" => 480
            "height" => 319
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_xs.png"
          ]
          "small" => [
            "width" => 640
            "height" => 426
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_small.png"
          ]
          "medium" => [
            "width" => 800
            "height" => 533
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_medium.png"
          ]
          "large" => [
            "width" => 1080
            "height" => 719
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_large.png"
          ]
          "xl" => [
            "width" => 1280
            "height" => 853
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_xl.png"
          ]
          "xxl" => [
            "width" => 1280
            "height" => 853
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_xxl.png"
          ]
        ]
        "width" => 1280
        "height" => 853
        "ratio" => 1.5005861664713
        "processing" => false
        "transformed" => true
      ]
    ]
  ]
  "zh_TW" => [
    "id" => 4
    "name" => "中文"
    "dateFormats" => [
      "default" => "d-m"
      "short" => "d-m"
      "long" => "m-d-Y"
    ]
    "numberFormat" => "#,##0.##"
    "currencyFormat" => "{value} {symbol}"
    "timeFormats" => [
      "default" => "H:i"
      "short" => "H:i"
      "long" => "H.i.s"
    ]
    "locale" => "zh_TW"
    "direction" => "ltr"
    "hreflang" => null
    "enabled" => true
    "icon" => [
      "id" => 20869
      "name" => "zh"
      "summary" => null
      "path" => "assets/img/zh_1704443512.png"
      "convertedPath" => "/assets/img/zh_1704443512.png"
      "size" => 8045
      "type" => "image"
      "filesystem" => "local_web"
      "metas" => [
        "options" => []
        "name" => "zh.png"
        "ext" => "png"
        "mimeType" => "image/png"
        "filters" => [
          "original" => [
            "width" => 1280
            "height" => 853
            "transformed" => false
          ]
          "tiny" => [
            "width" => 240
            "height" => 159
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_tiny.png"
          ]
          "xs" => [
            "width" => 480
            "height" => 319
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_xs.png"
          ]
          "small" => [
            "width" => 640
            "height" => 426
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_small.png"
          ]
          "medium" => [
            "width" => 800
            "height" => 533
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_medium.png"
          ]
          "large" => [
            "width" => 1080
            "height" => 719
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_large.png"
          ]
          "xl" => [
            "width" => 1280
            "height" => 853
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_xl.png"
          ]
          "xxl" => [
            "width" => 1280
            "height" => 853
            "transformed" => true
            "convertedPath" => "/assets/img/zh_1704443512_xxl.png"
          ]
        ]
        "width" => 1280
        "height" => 853
        "ratio" => 1.5005861664713
        "processing" => false
        "transformed" => true
      ]
    ]
  ]
  "vi" => [
    "id" => 2
    "name" => "Tiếng Việt"
    "dateFormats" => [
      "default" => "m-d"
      "short" => "m-d"
      "long" => "d-m-Y"
    ]
    "numberFormat" => "#,##0.##"
    "currencyFormat" => "{value} {symbol}"
    "timeFormats" => [
      "default" => "H:i"
      "short" => "H:i"
      "long" => "H:i:s"
    ]
    "locale" => "vi"
    "direction" => "ltr"
    "hreflang" => null
    "enabled" => true
    "icon" => [
      "id" => 20867
      "name" => "Wikipedia-Flags-VN-Vietnam-Flag.512"
      "summary" => null
      "path" => "assets/img/wikipedia-flags-vn-vietnam-flag-512_1704443401.png"
      "convertedPath" => "/assets/img/wikipedia-flags-vn-vietnam-flag-512_1704443401.png"
      "size" => 2494
      "type" => "image"
      "filesystem" => "local_web"
      "metas" => [
        "options" => []
        "name" => "Wikipedia-Flags-VN-Vietnam-Flag.512.png"
        "ext" => "png"
        "mimeType" => "image/png"
        "filters" => [
          "original" => [
            "width" => 512
            "height" => 512
            "transformed" => false
          ]
          "tiny" => [
            "convertedPath" => "/assets/img/wikipedia-flags-vn-vietnam-flag-512_1704443401_tiny.png"
            "transformed" => true
            "optimized" => false
            "width" => 240
            "height" => 240
          ]
          "xs" => [
            "convertedPath" => "/assets/img/wikipedia-flags-vn-vietnam-flag-512_1704443401_xs.png"
            "transformed" => true
            "optimized" => false
            "width" => 480
            "height" => 480
          ]
          "small" => [
            "convertedPath" => "/assets/img/wikipedia-flags-vn-vietnam-flag-512_1704443401_small.png"
            "transformed" => true
            "optimized" => true
            "width" => 512
            "height" => 512
          ]
        ]
        "width" => 512
        "height" => 512
        "ratio" => 1
        "processing" => false
        "transformed" => true
      ]
    ]
  ]
]
method 
"POST"
multipart 
false
name 
"nilead_widget_mapping"
priority 
0
required 
false
resource_id 
525599
row_attr 
[]
submitted 
false
system_language 
[
  "id" => 1
  "name" => "English"
  "dateFormats" => [
    "default" => "m-d-Y"
    "short" => "m-d"
    "long" => "d-m-Y"
  ]
  "numberFormat" => "#,##0.##"
  "currencyFormat" => "{value} {symbol}"
  "timeFormats" => [
    "default" => "H:i"
    "short" => "H:i"
    "long" => "H:i:s"
  ]
  "locale" => "en"
  "direction" => "ltr"
  "hreflang" => null
  "enabled" => true
  "icon" => [
    "id" => 20866
    "name" => "united-states"
    "summary" => null
    "path" => "assets/img/united-states_1704441337.png"
    "convertedPath" => "/assets/img/united-states_1704441337.png"
    "size" => 15110
    "type" => "image"
    "filesystem" => "local_web"
    "metas" => [
      "options" => []
      "name" => "united-states.png"
      "ext" => "png"
      "mimeType" => "image/png"
      "filters" => [
        "original" => [
          "width" => 512
          "height" => 512
          "transformed" => false
        ]
        "tiny" => [
          "width" => 240
          "height" => 240
          "transformed" => true
          "convertedPath" => "/assets/img/united-states_1704441337_tiny.png"
        ]
        "xs" => [
          "width" => 480
          "height" => 480
          "transformed" => true
          "convertedPath" => "/assets/img/united-states_1704441337_xs.png"
        ]
        "small" => [
          "width" => 512
          "height" => 512
          "transformed" => true
          "convertedPath" => "/assets/img/united-states_1704441337_small.png"
        ]
      ]
      "width" => 512
      "height" => 512
      "ratio" => 1
      "processing" => false
      "transformed" => true
    ]
  ]
]
translatable 
false
translation_domain 
null
unique_block_prefix 
"_nilead_widget_mapping"
user_define 
null
valid 
true
value 
Nilead\BlockBundle\Model\Widget {#10130
  #extraOptions: [
    "providers"
    "mapping"
    "configs"
  ]
  #name: "linkon"
  +providerType: ""
  +providerOptions: []
  +providerConfigs: []
  -alias: null
  -_oldAlias: null
  -styles: [
    "class" => "font-400"
    "styles" => [
      "default" => [
        "default" => [
          "fontSize" => "text-base"
        ]
      ]
    ]
  ]
  -providers: []
  -mapping: []
  -configs: [
    "id" => null
    "attributes" => []
    "themeColor" => null
    "customCss" => """
      img {\n
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);\n
        transform-style: preserve-3d;\n
        will-change: transform;\n
      }\n
      \n
      h1, h2, h3, h4, h5, h6 { \n
        display: block;\n
        margin-start: 0;\n
        margin-end: 0;\n
        margin-left: 0;\n
        margin-right: 0; \n
      }\n
      \n
      h1 {\n
        font-size: 2em;\n
        margin-top: 0.67em;\n
        margin-bottom: 0.67em;\n
      }\n
      h2 {\n
        font-size: 1.5em;\n
        margin-top: 0.83em;\n
        margin-bottom: 0.83em;\n
      }\n
      h3 {\n
        font-size: 1.17em;\n
        margin-top: 1em;\n
        margin-bottom: 1em;\n
      }\n
      h4 {\n
        font-size: 1em;\n
        margin-top: 1.33em;\n
        margin-bottom: 1.33em;\n
      }\n
      h5 {\n
        font-size: .83em;\n
        margin-top: 1.67em;\n
        margin-bottom: 1.67em;\n
      }\n
      h6 {\n
        font-size: .67em;\n
        margin-top: 2.33em;\n
        margin-bottom: 2.33em;\n
      }\n
      \n
      /*animate slide caption, title, buttons*/\n
      .nl-widget-element-slider.is-initialized {\n
        opacity: 1;\n
      }\n
      .nl-widget-element-slider-slide .nl-slide-content > .caption,\n
      .nl-widget-element-slider-slide .nl-slide-content > *:nth-child(1) {\n
        -webkit-text-stroke-width: 1px;\n
        -webkit-text-stroke-color: rgba(255,255,255,0.5);\n
        color: transparent;\n
      }\n
      .nl-widget-element-slider-slide:not(.is-active) * {\n
        transition-delay: 0ms;\n
        /*-webkit-transition: all 0.6s cubic-bezier(0.77,0,0.175,1) 0.8s;*/\n
        /*  -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  -ms-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;*/\n
        /*  transition: all 0.6s cubic-bezier(0.77,0,0.175,1) 0.8s;*/\n
      }\n
      .nl-widget-element-slider-slide.is-active * {\n
        --tw-translate-y: 0;\n
        --tw-translate-x: 0;\n
        opacity: 1;\n
      }\n
      .nl-widget-element-slider[data-nav="horizontal"] .nl-widget-element-slider-nav > div.is-active {\n
        width: 72px;\n
      }\n
      .nl-widget-element-slider[data-nav="horizontal"] .nl-widget-element-slider-nav > div.is-active > div {\n
        width: 100%;\n
        transition-duration: var(--time);\n
      }\n
      \n
      \n
      @media (min-width: 1024px) {\n
        .nl-grid-menus {\n
          display: block;\n
         column-count: 2;\n
         column-gap: 12rem;\n
        }\n
        .nl-grid-menus > * {\n
          break-inside: avoid;\n
        }\n
        .nl-grid-menus > *:first-child {\n
          margin-top: -2rem;\n
        }\n
      }\n
      \n
      /*blog item*/\n
      .truncate-3-lines {\n
          height: 3.5rem;\n
          -webkit-line-clamp: 3;\n
          overflow: hidden;\n
          -o-text-overflow: ellipsis;\n
          text-overflow: ellipsis;\n
          display: -webkit-box !important;\n
          -webkit-box-orient: vertical;\n
      }\n
      @media screen and (min-width: 1280px) {\n
          .truncate-3-lines {\n
              height: 3.8rem;\n
          }\n
      }\n
      \n
      /* NILEAD link styles */\n
      /*--------------------*/\n
      .nilead-link a {\n
      \toutline: none;\n
        text-decoration: none;\n
        position: relative;\n
        line-height: 1;\n
        color: #742014;\n
        display: inline-block;\n
        overflow: hidden;\n
        padding: 4px 2px;\n
        font-weight: 600;\n
        margin: 0px 0 -6px 0;\n
      }\n
      /*.nilead-link:hover {*/\n
      /*  font-weight: 400;*/\n
      /*}*/\n
      ::root {\n
      --nl-bg: #101941;\n
      }\n
      \n
      .nilead-link a::after {\n
      \tcontent: '';\n
        position: absolute;\n
        height: 100%;\n
        width: 100%;\n
        top: 0;\n
        right: -1px;\n
        z-index: 0;\n
        background: var(--nl-bg);\n
        -webkit-transform: translate3d(101%, 0, 0);\n
        transform: translate3d(101%, 0, 0);\n
        -webkit-transition: -webkit-transform 0.5s;\n
        transition: transform 0.5s;\n
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
      }\n
      .nilead-link a:hover::after {\n
      \t-webkit-transform: translate3d(0,0,0);\n
      \ttransform: translate3d(0,0,0);\n
      }\n
      .nilead-link u {\n
        display: block;\n
        position: relative;\n
        z-index: 1;\n
        text-decoration: none;\n
      }\n
      .nilead-link a u::before {\n
      \tcontent: 'Nilead';\n
        position: absolute;\n
        color: #FFFFFF;\n
        left: 0;\n
        overflow: hidden;\n
        white-space: nowrap;\n
        width: 0%;\n
        -webkit-transition: width 0.5s;\n
        transition: width 0.5s;\n
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);\n
      }\n
      .nilead-link a:hover u::before {\n
      \twidth: 100%;\n
      }\n
      \n
      /*menu*/\n
      .nl-language span:first-child {\n
        -webkit-box-shadow: inset 0 0 0 2px currentColor;\n
        box-shadow: inset 0px 0 0px 2px currentColor;\n
        border-color: currentColor;\n
        transition: all 300ms ease-in-out;\n
      }\n
      .nl-language:not(.current):not(:hover) span:first-child {\n
        -webkit-box-shadow: none;\n
        box-shadow: none;\n
        opacity: .5;\n
      }\n
      .nl-language::before {\n
        display: none;\n
      }\n
      .nl-backdrop-menu {\n
        opacity: 0;\n
        pointer-events: none;\n
        -webkit-transition: opacity .3s ease-in-out;\n
        -o-transition: opacity .3s ease-in-out;\n
        transition: opacity .3s ease-in-out;\n
      }\n
      \n
      /*.nl-header {*/\n
        /*min-height: var(--h-header);*/\n
      /*}*/\n
      .nl-header-inner {\n
        -webkit-animation: menu-slide-up .8s .1s cubic-bezier(.25,.46,.45,.94) both;\n
        animation: menu-slide-up .8s .1s cubic-bezier(.25,.46,.45,.94) both;\n
      }\n
      .nl-header.header-fixed .nl-header-inner {\n
        position: fixed;\n
        /*background-color: #fff;*/\n
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);\n
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);\n
        z-index: 1030;\n
        -webkit-animation: menu-slide-down .5s cubic-bezier(.25,.46,.45,.94) both;\n
        animation: menu-slide-down .5s cubic-bezier(.25,.46,.45,.94) both;\n
        -webkit-transition: background-color .2s ease-in-out;\n
        -o-transition: background-color .2s ease-in-out;\n
        transition: background-color .2s ease-in-out\n
      }\n
      /*.nl-header.header-fixed .nl-logo {*/\n
      /*  padding: .75rem 0;*/\n
      /*  margin: 0;*/\n
      /*}*/\n
      .nl-header.header-fixed .nl-logo .inactive { \n
        opacity: 1;\n
      }\n
      .nl-header.header-fixed .nl-logo .active { \n
        /*opacity: 0;*/\n
        height: 60px;\n
      }\n
        .nl-header a, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle {\n
            /*color: inherit;*/\n
            font-weight: 600;\n
            /*text-transform: uppercase;*/\n
            position: relative;\n
            text-decoration: none;\n
            line-height: 2;\n
        }\n
      @media (min-width: 1280px) {\n
        .nl-header a.nl-effect-hover::before,\n
        .nl-header .nl-main-menu a::before, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle::before {\n
            content: '';\n
            position: absolute;\n
            bottom: .25rem;\n
            width: 0;\n
            transition: all 300ms ease;\n
            border-bottom: 2px solid;\n
            left: 50%;\n
            transform: translateX(-50%);\n
        }\n
        .nl-header a.nl-effect-hover:hover::before, \n
        .nl-header .nl-main-menu a:hover::before, \n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle:hover::before {\n
            width: calc(100% - 2rem);\n
        }\n
        .nl-header .nl-main-menu .nl-widget-element-dropdown-toggle.nl-toggle-lang:hover::before {\n
          width: 100%;\n
        }\n
      \n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-sub-menu,\n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-main-menu {\n
          display: block !important;\n
        }\n
        .nl-widget-element-dropdown > .nl-widget-element-dropdown-list.nl-sub-menu {\n
          z-index: -1;\n
          pointer-events: none;\n
          -webkit-box-shadow: 0 2px 4px -2px rgb(0 0 0 / 10%);\n
          box-shadow: 0 2px 4px -2px rgb(0 0 0 / 10%);\n
          opacity: 0;\n
          -webkit-transition: opacity .3s ease-in-out;\n
          -o-transition: opacity .3s ease-in-out;\n
          transition: opacity .3s ease-in-out\n
        }\n
        .nl-header.header-fixed .nl-widget-element-dropdown-list.nl-sub-menu { \n
          padding-top: 1.25rem;\n
        }\n
        .nl-main-menu .nl-widget-element-dropdown-toggle::after {\n
          display: inline-block;\n
          margin-left: 0.255em;\n
          content: "";\n
          border-top: 4px solid;\n
          border-right: 4px solid transparent;\n
          border-left: 4px solid transparent;\n
          background-color: transparent;\n
          vertical-align: 2px;\n
        }\n
        .nl-widget-element-dropdown:hover > .nl-widget-element-dropdown-list.nl-sub-menu {\n
          z-index: 1030;\n
          pointer-events: auto;\n
          opacity: 1;\n
        }\n
        .nl-main-menu .nl-widget-element-link,\n
        .nl-main-menu .nl-widget-element-dropdown-toggle {\n
          position: relative;\n
        }\n
        .nl-product-filter {\n
          display: block !important;\n
        }\n
      }\n
      \n
      @media (min-width: 1921px) { \n
        .nl-header .nl-header-right {\n
          padding-right: 16.666667%;\n
        }\n
      }\n
      \n
      @media (max-width: 1279px) {\n
        .open-main-menu {\n
          overflow: hidden;  \n
        }\n
        \n
        .nl-header .nl-main-menu,\n
        .nl-header .nl-sub-menu {\n
          position: fixed;\n
          display: block !important;\n
          top: 0;\n
          left: -100%;\n
          z-index: 1030;\n
          width: 89%;\n
          height: 100%;\n
          height: -webkit-calc(var(--vh,1vh) * 100);\n
          height: calc(var(--vh,1vh) * 100);\n
          margin-top: 0;\n
          -webkit-box-shadow: 4px 3px 8px rgb(0 0 0 / 16%);\n
          box-shadow: 4px 3px 8px rgb(0 0 0 / 16%);\n
          opacity: 1;\n
          -webkit-transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
          -o-transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
          transition: background-color .3s ease-in-out,left .3s ease-in-out;\n
        }\n
        .nl-header .nl-main-menu.dropdown-active,\n
        .nl-header .nl-main-menu.dropdown-active .nl-sub-menu.dropdown-active {\n
          left: 0;\n
          background-color: #fff;\n
        }\n
        .nl-main-menu.dropdown-active + .nl-backdrop-menu {\n
          pointer-events: auto;\n
          opacity: 1;\n
          z-index: 1029;\n
        }\n
        .nl-main-menu .nl-widget-element-dropdown-toggle::after {\n
          content: "";\n
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100'%3e%3cpath transform='rotate(-90 25 50)' d='m25,75l50,-40l-10,-10l-40,30l-40,-30l-10,10l50,40z' fill='%23742014'/%3e%3c/svg%3e");\n
          background-size: 6px 12px;\n
          background-repeat: no-repeat;\n
          display: inline-block;\n
          width: 6px;\n
          height: 12px;\n
        }\n
        .nl-sub-menu h4::before {\n
          content:"";\n
          margin-right: 1rem;\n
          width: 16px;\n
          height: 16px;\n
          background-repeat: no-repeat;\n
          background-position: center;\n
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.2 32'%3e%3cpath d='m51.2,14l-43.846,0l10.732,-11.18l-2.726,-2.82l-15.36,16l15.36,16l2.707,-2.82l-10.713,-11.18l43.846,0l0,-4z' fill='%23742014'/%3e%3c/svg%3e");\n
        }\n
      }\n
      /*menu*/\n
      \n
      /*grid masonry*/\n
      .grid-wrapper > div {\n
      \tdisplay: flex;\n
      \tjustify-content: center;\n
      \talign-items: center;\n
      }\n
      .grid-wrapper img {\n
      \twidth: 100%;\n
      \theight: 100%;\n
      \tobject-fit: cover;\n
      \tborder-radius: 5px;\n
      }\n
      \n
      .grid-wrapper {\n
      \tdisplay: grid;\n
      \tgrid-gap: 1rem;\n
      \tgrid-template-columns: repeat(auto-fit, minmax(1fr, 1fr));\n
      \tgrid-auto-flow: dense;\n
      }\n
      @media (min-width: 640px) {\n
      .grid-wrapper {\n
      \tdisplay: grid;\n
      \tgrid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n
      \tgrid-auto-rows: 200px;\n
      }\n
      .grid-wrapper .wide {\n
      \tgrid-column: span 2;\n
      }\n
      .grid-wrapper .tall {\n
      \tgrid-row: span 2;\n
      }\n
      .grid-wrapper .big {\n
      \tgrid-column: span 2;\n
      \tgrid-row: span 2;\n
      }\n
      }
      """
    "customJs" => """
      //scroll detector for changing the styles of the header\r\n
      // taken from: https://css-tricks.com/styling-based-on-scroll-position/\r\n
      //---------------------------------------------------------------------\r\n
      \r\n
      var header = nu.querySelector('.nl-header');\r\n
      var headerInner = nu.querySelector('.nl-header-inner', header);\r\n
      var headerBottom = nu.querySelector('.nl-header-bottom');\r\n
      if ( null !== header && null !== headerBottom &&\r\n
              "IntersectionObserver" in window &&\r\n
              "IntersectionObserverEntry" in window &&\r\n
              "intersectionRatio" in window.IntersectionObserverEntry.prototype\r\n
      ) {\r\n
        // document.documentElement.style.setProperty('--h-header', headerInner.offsetHeight + 'px');\r\n
      \r\n
        let observer = new IntersectionObserver(entries => {\r\n
          if (entries[0].boundingClientRect.y < 0) {\r\n
            header.classList.add("header-fixed");\r\n
          } else {\r\n
            header.classList.remove("header-fixed");\r\n
          }\r\n
        });\r\n
        observer.observe(headerBottom);\r\n
        // window.addEventListener('resize', function(event) {\r\n
        //   setTimeout(function(){\r\n
        //     document.documentElement.style.setProperty('--h-header', headerInner.offsetHeight + 'px');\r\n
        //   }, 50);\r\n
        // }, true);\r\n
      }\r\n
      \r\n
      // trigger animte class vertical, horizontal\r\n
      nu.forEach(nu.querySelectorAll('.nl-widget-element-slider'), function (slider) {\r\n
        nu.addEventListener(slider, 'sliderReady', function () {\r\n
          var splide = nu.getData(slider, 'nuSlider');\r\n
          var nav = slider.hasAttribute('data-nav');\r\n
          if (splide && nav) {\r\n
            splide.options.rewind = true;\r\n
            slider.style.setProperty('--time', splide.options.interval + 'ms');\r\n
          }\r\n
        })\r\n
      });
      """
  ]
  -options: []
  -interactions: []
  -conditions: []
  -referenceRoles: null
  -status: 0
  -enabled: true
  -aboveFold: false
  -position: 13685
  -widgetType: Proxies\__CG__\Nilead\BlockBundle\Model\WidgetType {#10221
    #extraOptions: [
      "role"
      "providers"
      "mapping"
      "configs"
    ]
    #name: "tailwind"
    #styles: [
      "class" => "text-base font-400"
    ]
    -sku: "tailwind__layout"
    -owner: "base"
    #version: "1.1.12"
    #publishable: false
    #transparent: false
    -role: "layout"
    -compatibles: []
    -framework: ""
    -providers: []
    -mapping: []
    -configs: [
      "themeColor" => [
        "type" => "Nilead\FormBundle\Type\Misc\ColorPickerType"
        "options" => [
          "label" => "Theme Color"
        ]
      ]
      "customCss" => [
        "type" => "Nilead\FormBundle\Type\CodeEditorType"
        "options" => [
          "label" => "Custom CSS"
          "mode" => "css"
        ]
      ]
      "customJs" => [
        "type" => "Nilead\FormBundle\Type\CodeEditorType"
        "options" => [
          "label" => "Custom JS"
          "mode" => "javascript"
        ]
      ]
    ]
    -options: [
      "prefix" => "tailwind_layout"
      "canParent" => true
      "events" => [
        "scroll_page_up" => [
          "label" => "Scrolling Page (Up)"
          "type" => "continuous"
        ]
        "scroll_page_down" => [
          "label" => "Scrolling Page (Down)"
          "type" => "continuous"
        ]
        "scroll_page_left" => [
          "label" => "Scrolling Page (Left)"
          "type" => "continuous"
        ]
        "scroll_page_right" => [
          "label" => "Scrolling Page (Right)"
          "type" => "continuous"
        ]
        "page_load" => [
          "label" => "Page Load"
          "type" => "instant"
        ]
        "page_before_unload" => [
          "label" => "Before Unload"
          "type" => "instant"
        ]
        "page_unload" => [
          "label" => "Unload"
          "type" => "instant"
        ]
        "scroll_into_view" => false
        "scroll_out_of_view" => false
      ]
    ]
    -interactions: []
    -blockType: "Nilead\BlockBundle\Block\Type\LayoutType"
    -children: []
    -system: false
    #nileadId: null
    #id: 47
    #oldId: null
    #summary: "Base website layout.\n"
    #description: "A base layout utilizing Tailwind, which is a utility-first CSS framework.\n"
    #enabled: true
    #position: 46
    #created: 1589974881
    #updated: 1753949486
    #tags: [
      Nilead\TagBundle\Model\Tag {#10195
        #name: "w:layout"
        #tagRelation: Doctrine\ORM\PersistentCollection {#10198 …}
        #linked: false
        #id: 15
        #oldId: null
        #color: null
        #created: 1560141756
        #updated: 1560141756
      }
      Nilead\TagBundle\Model\Tag {#10202
        #name: "w:page-layout"
        #tagRelation: Doctrine\ORM\PersistentCollection {#10204 …}
        #linked: false
        #id: 116
        #oldId: null
        #color: "none"
        #created: 1597910979
        #updated: 1597910979
      }
    ]
    #tagsLinked: [
      "w:layout" => [
        "link" => 2
        "id" => 15
      ]
      "w:page-layout" => [
        "link" => 2
        "id" => 116
      ]
    ]
    +__isInitialized__: true
     …2
  }
  -layoutSource: null
  -source: null
  -isSource: false
  -isShortcut: false
  -root: null
  -parent: null
  -style: Proxies\__CG__\Nilead\BlockBundle\Model\Style {#10141
    #name: "linkon"
    #type: "website"
    #screens: [
      [
        "name" => "Large Phone"
        "class" => "sm"
        "value" => "640px"
      ]
      [
        "name" => "Tablet Portrait"
        "class" => "md"
        "value" => "768px"
      ]
      [
        "name" => "Tablet Landscape"
        "class" => "lg"
        "value" => "1024px"
      ]
      [
        "name" => "Desktop Small"
        "class" => "xl"
        "value" => "1280px"
      ]
      [
        "name" => "Desktop Large"
        "class" => "xxl"
        "value" => "1440px"
      ]
      [
        "name" => "Desktop HD"
        "class" => "xxxl"
        "value" => "1920px"
      ]
      [
        "name" => "Default"
        "class" => "default"
        "value" => "375px"
      ]
    ]
    #colors: [
      [
        "name" => "primary"
        "value" => "#101941"
        "class" => "primary"
      ]
      [
        "name" => "secondary"
        "value" => "#1676B6"
        "class" => "secondary"
      ]
      [
        "name" => "muted"
        "value" => "#B0B7B9"
        "class" => "muted"
      ]
      [
        "name" => "caption"
        "value" => "#F99F24"
        "class" => "caption"
      ]
      [
        "name" => "disabled"
        "value" => "#616161"
        "class" => "disabled"
      ]
      [
        "name" => "highlight"
        "value" => "#F99F24"
        "class" => "highlight"
      ]
      [
        "name" => "warning"
        "value" => "#F5A419"
        "class" => "warning"
      ]
      [
        "name" => "success"
        "value" => "#29AB6E"
        "class" => "success"
      ]
      [
        "name" => "error"
        "value" => "#FF4E4E"
        "class" => "error"
      ]
      [
        "name" => "link"
        "value" => "#F99F24"
        "class" => "link"
      ]
      [
        "name" => "link-hover"
        "value" => "#1676B6"
        "class" => "link-hover"
      ]
      [
        "name" => "link-visit"
        "value" => "#F99F24"
        "class" => "link-visited"
      ]
      [
        "name" => "link-active"
        "value" => "#F99F24"
        "class" => "link-active"
      ]
      [
        "name" => "black"
        "value" => "#000000"
        "class" => "black"
      ]
      [
        "name" => "white"
        "value" => "#FFFFFF"
        "class" => "white"
      ]
    ]
    #fontSizes: []
    #typographies: [
      [
        "name" => "Roboto"
        "families" => [
          [
            "family" => 35
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Roboto"
      ]
      [
        "name" => "Playfair Display"
        "families" => [
          [
            "family" => 19
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Playfair-Display"
      ]
      [
        "name" => "Josefin Sans"
        "families" => [
          [
            "family" => 286
            "locales" => []
            "priority" => null
          ]
          [
            "family" => 208
            "locales" => []
            "priority" => null
          ]
        ]
        "class" => "Josefin-Sans"
      ]
    ]
    #extra: [
      "fontSize" => []
      "order" => []
      "colGap" => []
      "rowGap" => []
      "margin" => []
      "padding" => []
      "scrollMargin" => []
      "scrollPadding" => []
      "space" => []
      "lineHeight" => []
      "letterSpacing" => []
      "width" => []
      "minWidth" => []
      "maxWidth" => []
      "height" => []
      "minHeight" => []
      "maxHeight" => []
      "borderRadius" => []
      "borderWidth" => []
      "ringWidth" => []
      "ringOffset" => []
      "zIndex" => []
      "scale" => []
      "translate" => []
      "rotate" => []
      "skew" => []
      "transform" => []
      "blur" => []
      "brightness" => []
      "contrast" => []
      "hueRotate" => []
      "saturate" => []
      "backdropBlur" => []
      "backdropBrightness" => []
      "backdropContrast" => []
      "backdropGrayscale" => []
      "backdropSaturate" => []
      "opacity" => []
      "backdropOpacity" => []
      "placeholderOpacity" => []
      "borderOpacity" => []
      "backgroundOpacity" => []
      "ringOpacity" => []
      "textOpacity" => []
      "textIndent" => []
      "textUnderlineOffset" => []
      "textDecorationThickness" => []
    ]
    #styles: [
      "body" => [
        "default" => [
          "default" => [
            "font" => "font-Roboto"
            "fontWeight" => "font-light"
            "lineHeight" => "leading-normal"
            "padding" => [
              "bottom" => "pb-1"
            ]
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => []
        ]
      ]
      ".heading-big" => [
        "default" => [
          "default" => [
            "fontSize" => "text-2xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => [
            "fontSize" => "text-5xl"
            "lineHeight" => "leading-normal"
          ]
        ]
      ]
      "h1,h2,h3,h4,h5,h6" => [
        "default" => [
          "default" => [
            "fontWeight" => "font-semibold"
            "textColor" => "text-primary"
            "font" => "font-Josefin-Sans"
          ]
        ]
        "xl" => [
          "default" => [
            "fontSize" => "text-4xl"
            "lineHeight" => "leading-normal"
          ]
        ]
        "xxxl" => [
          "default" => []
        ]
      ]
      "a.current" => [
        "default" => [
          "default" => [
            "textColor" => "text-link-active"
          ]
        ]
      ]
      ".nl-widget-element-rich-text a" => [
        "default" => [
          "default" => [
            "textDecoration" => "underline"
            "textDecorationStyle" => "decoration-dotted"
            "transitionProperty" => "transition-[all]"
            "transitionDuration" => "duration-[300ms]"
            "transitionDelay" => "delay-[0ms]"
            "transitionTimingFunction" => "ease-[ease-in-out]"
            "textColor" => "text-link-hover"
          ]
        ]
      ]
    ]
    #configs: [
      "configs" => [
        "theme" => [
          "extend" => [
            "fontFamily" => [
              "Roboto" => [
                "Roboto"
                "sans-serif"
              ]
              "Playfair-Display" => [
                "Playfair Display"
                "sans-serif"
              ]
              "Josefin-Sans" => [
                "Josefin Sans"
                "sans-serif"
              ]
            ]
          ]
          "screens" => [
            "sm" => "640px"
            "md" => "768px"
            "lg" => "1024px"
            "xl" => "1280px"
            "xxl" => "1440px"
            "xxxl" => "1920px"
            "default" => "375px"
          ]
          "colors" => [
            "primary" => "#101941"
            "secondary" => "#1676B6"
            "muted" => "#B0B7B9"
            "caption" => "#F99F24"
            "disabled" => "#616161"
            "highlight" => "#F99F24"
            "warning" => "#F5A419"
            "success" => "#29AB6E"
            "error" => "#FF4E4E"
            "link" => "#F99F24"
            "link-hover" => "#1676B6"
            "link-visited" => "#F99F24"
            "link-active" => "#F99F24"
            "black" => "#000000"
            "white" => "#FFFFFF"
          ]
        ]
      ]
      "custom" => "body{@apply  font-Roboto font-light leading-normal pb-1;}.heading-big{@apply  text-2xl leading-normal;}h1,h2,h3,h4,h5,h6{@apply  font-semibold text-primary font-Josefin-Sans;}a.current{@apply  text-link-active;}.nl-widget-element-rich-text a{@apply  underline decoration-dotted transition-[all] duration-[300ms] delay-[0ms] ease-[ease-in-out] text-link-hover;} @screen xl {body{@apply  text-4xl leading-normal;}.heading-big{@apply  text-4xl leading-normal;}h1,h2,h3,h4,h5,h6{@apply  text-4xl leading-normal;}} @screen xxxl {.heading-big{@apply  text-5xl leading-normal;}}"
    ]
    #compiled: [
      "fonts" => [
        [
          "font" => [
            "name" => "Roboto"
            "type" => "google"
            "configurations" => [
              "family" => "Roboto"
              "variants" => [
                "100"
                "300"
                "300italic"
                "500"
                "700"
                "900"
                "regular"
              ]
              "subsets" => [
                "vietnamese"
                "latin"
                "cyrillic"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "Playfair Display"
            "type" => "google"
            "configurations" => [
              "family" => "Playfair Display"
              "variants" => [
                "regular"
                "500"
                "600"
                "700"
                "800"
                "900"
                "italic"
                "600italic"
              ]
              "subsets" => [
                "vietnamese"
                "latin"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "Josefin Sans"
            "type" => "google"
            "configurations" => [
              "family" => "Josefin Sans"
              "variants" => [
                "300"
                "regular"
                "500"
                "600"
                "700"
                "300italic"
                "italic"
                "500italic"
                "600italic"
                "700italic"
              ]
              "subsets" => [
                "latin"
                "latin-ext"
                "vietnamese"
              ]
            ]
          ]
          "locales" => []
        ]
        [
          "font" => [
            "name" => "sans-serif"
            "type" => "custom"
            "configurations" => [
              "family" => "sans-serif"
              "weight" => 400
              "style" => "normal"
              "attachables" => []
            ]
          ]
          "locales" => []
        ]
      ]
    ]
    #widgets: ? Doctrine\Common\Collections\Collection
    #id: 49
    #oldId: null
    #customId: "c53adc40ab28481ba093f3d99c051959"
    #created: 1746417186
    #updated: 1746615349
    +__isInitialized__: true
     …2
  }
  -children: Doctrine\ORM\PersistentCollection {#10144 …}
  -snapshots: Doctrine\ORM\PersistentCollection {#10145 …}
  -meta: []
  #id: 525599
  #oldId: null
  #locker: null
  #lockExpired: null
  #skipLockVoter: false
  #created: 1746421419
  #updated: 1746525335
  #deleted: null
}
widget_attr 
[]