@gravionlabs/helix-core 22.0.0

package/fesm2022/gravionlabs-helix-core-editor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-editor.mjs","sources":["../../../projects/core/editor/style/editor.css.ts","../../../projects/core/editor/style/editorstyle.ts","../../../projects/core/editor/editor.ts","../../../projects/core/editor/editor.html","../../../projects/core/editor/gravionlabs-helix-core-editor.ts"],"sourcesContent":["export const style = /*css*/ `\n    /*!\n* Quill Editor v1.3.3\n* https://quilljs.com/\n* Copyright (c) 2014, Jason Chen\n* Copyright (c) 2013, salesforce.com\n*/\n    .ql-container {\n        box-sizing: border-box;\n        font-family: Helvetica, Arial, sans-serif;\n        font-size: 13px;\n        height: 100%;\n        margin: 0;\n        position: relative;\n    }\n    .ql-container.ql-disabled .ql-tooltip {\n        visibility: hidden;\n    }\n    .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {\n        pointer-events: none;\n    }\n    .ql-clipboard {\n        inset-inline-start: -100000px;\n        height: 1px;\n        overflow-y: hidden;\n        position: absolute;\n        top: 50%;\n    }\n    .ql-clipboard p {\n        margin: 0;\n        padding: 0;\n    }\n    .ql-editor {\n        box-sizing: border-box;\n        line-height: 1.42;\n        height: 100%;\n        outline: none;\n        overflow-y: auto;\n        padding: 12px 15px;\n        tab-size: 4;\n        -moz-tab-size: 4;\n        text-align: left;\n        white-space: pre-wrap;\n        word-wrap: break-word;\n    }\n    .ql-editor > * {\n        cursor: text;\n    }\n    .ql-editor p,\n    .ql-editor ol,\n    .ql-editor ul,\n    .ql-editor pre,\n    .ql-editor blockquote,\n    .ql-editor h1,\n    .ql-editor h2,\n    .ql-editor h3,\n    .ql-editor h4,\n    .ql-editor h5,\n    .ql-editor h6 {\n        margin: 0;\n        padding: 0;\n        counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n    .ql-editor ol,\n    .ql-editor ul {\n        padding-inline-start: 1.5rem;\n    }\n    .ql-editor ol > li,\n    .ql-editor ul > li {\n        list-style-type: none;\n    }\n    .ql-editor ul > li::before {\n        content: '\\\\2022';\n    }\n    .ql-editor ul[data-checked='true'],\n    .ql-editor ul[data-checked='false'] {\n        pointer-events: none;\n    }\n    .ql-editor ul[data-checked='true'] > li *,\n    .ql-editor ul[data-checked='false'] > li * {\n        pointer-events: all;\n    }\n    .ql-editor ul[data-checked='true'] > li::before,\n    .ql-editor ul[data-checked='false'] > li::before {\n        color: #777;\n        cursor: pointer;\n        pointer-events: all;\n    }\n    .ql-editor ul[data-checked='true'] > li::before {\n        content: '\\\\2611';\n    }\n    .ql-editor ul[data-checked='false'] > li::before {\n        content: '\\\\2610';\n    }\n    .ql-editor li::before {\n        display: inline-block;\n        white-space: nowrap;\n        width: 1.2rem;\n    }\n    .ql-editor li:not(.ql-direction-rtl)::before {\n        margin-inline-start: -1.5rem;\n        margin-inline-end: 0.3rem;\n        text-align: right;\n    }\n    .ql-editor li.ql-direction-rtl::before {\n        margin-inline-start: 0.3rem;\n        margin-inline-end: -1.5rem;\n    }\n    .ql-editor ol li:not(.ql-direction-rtl),\n    .ql-editor ul li:not(.ql-direction-rtl) {\n        padding-inline-start: 1.5rem;\n    }\n    .ql-editor ol li.ql-direction-rtl,\n    .ql-editor ul li.ql-direction-rtl {\n        padding-inline-end: 1.5rem;\n    }\n    .ql-editor ol li {\n        counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n        counter-increment: list-0;\n    }\n    .ql-editor ol li:before {\n        content: counter(list-0, decimal) '. ';\n    }\n    .ql-editor ol li.ql-indent-1 {\n        counter-increment: list-1;\n    }\n    .ql-editor ol li.ql-indent-1:before {\n        content: counter(list-1, lower-alpha) '. ';\n    }\n    .ql-editor ol li.ql-indent-1 {\n        counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n    .ql-editor ol li.ql-indent-2 {\n        counter-increment: list-2;\n    }\n    .ql-editor ol li.ql-indent-2:before {\n        content: counter(list-2, lower-roman) '. ';\n    }\n    .ql-editor ol li.ql-indent-2 {\n        counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n    .ql-editor ol li.ql-indent-3 {\n        counter-increment: list-3;\n    }\n    .ql-editor ol li.ql-indent-3:before {\n        content: counter(list-3, decimal) '. ';\n    }\n    .ql-editor ol li.ql-indent-3 {\n        counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n    .ql-editor ol li.ql-indent-4 {\n        counter-increment: list-4;\n    }\n    .ql-editor ol li.ql-indent-4:before {\n        content: counter(list-4, lower-alpha) '. ';\n    }\n    .ql-editor ol li.ql-indent-4 {\n        counter-reset: list-5 list-6 list-7 list-8 list-9;\n    }\n    .ql-editor ol li.ql-indent-5 {\n        counter-increment: list-5;\n    }\n    .ql-editor ol li.ql-indent-5:before {\n        content: counter(list-5, lower-roman) '. ';\n    }\n    .ql-editor ol li.ql-indent-5 {\n        counter-reset: list-6 list-7 list-8 list-9;\n    }\n    .ql-editor ol li.ql-indent-6 {\n        counter-increment: list-6;\n    }\n    .ql-editor ol li.ql-indent-6:before {\n        content: counter(list-6, decimal) '. ';\n    }\n    .ql-editor ol li.ql-indent-6 {\n        counter-reset: list-7 list-8 list-9;\n    }\n    .ql-editor ol li.ql-indent-7 {\n        counter-increment: list-7;\n    }\n    .ql-editor ol li.ql-indent-7:before {\n        content: counter(list-7, lower-alpha) '. ';\n    }\n    .ql-editor ol li.ql-indent-7 {\n        counter-reset: list-8 list-9;\n    }\n    .ql-editor ol li.ql-indent-8 {\n        counter-increment: list-8;\n    }\n    .ql-editor ol li.ql-indent-8:before {\n        content: counter(list-8, lower-roman) '. ';\n    }\n    .ql-editor ol li.ql-indent-8 {\n        counter-reset: list-9;\n    }\n    .ql-editor ol li.ql-indent-9 {\n        counter-increment: list-9;\n    }\n    .ql-editor ol li.ql-indent-9:before {\n        content: counter(list-9, decimal) '. ';\n    }\n    .ql-editor .ql-video {\n        display: block;\n        max-width: 100%;\n    }\n    .ql-editor .ql-video.ql-align-center {\n        margin: 0 auto;\n    }\n    .ql-editor .ql-video.ql-align-right {\n        margin: 0 0 0 auto;\n    }\n    .ql-editor .ql-bg-black {\n        background: #000;\n    }\n    .ql-editor .ql-bg-red {\n        background: #e60000;\n    }\n    .ql-editor .ql-bg-orange {\n        background: #f90;\n    }\n    .ql-editor .ql-bg-yellow {\n        background: #ff0;\n    }\n    .ql-editor .ql-bg-green {\n        background: #008a00;\n    }\n    .ql-editor .ql-bg-blue {\n        background: #06c;\n    }\n    .ql-editor .ql-bg-purple {\n        background: #93f;\n    }\n    .ql-editor .ql-color-white {\n        color: #fff;\n    }\n    .ql-editor .ql-color-red {\n        color: #e60000;\n    }\n    .ql-editor .ql-color-orange {\n        color: #f90;\n    }\n    .ql-editor .ql-color-yellow {\n        color: #ff0;\n    }\n    .ql-editor .ql-color-green {\n        color: #008a00;\n    }\n    .ql-editor .ql-color-blue {\n        color: #06c;\n    }\n    .ql-editor .ql-color-purple {\n        color: #93f;\n    }\n    .ql-editor .ql-font-serif {\n        font-family:\n            Georgia,\n            Times New Roman,\n            serif;\n    }\n    .ql-editor .ql-font-monospace {\n        font-family:\n            Monaco,\n            Courier New,\n            monospace;\n    }\n    .ql-editor .ql-size-small {\n        font-size: 0.75rem;\n    }\n    .ql-editor .ql-size-large {\n        font-size: 1.5rem;\n    }\n    .ql-editor .ql-size-huge {\n        font-size: 2.5rem;\n    }\n    .ql-editor .ql-direction-rtl {\n        direction: rtl;\n        text-align: inherit;\n    }\n    .ql-editor .ql-align-center {\n        text-align: center;\n    }\n    .ql-editor .ql-align-justify {\n        text-align: justify;\n    }\n    .ql-editor .ql-align-right {\n        text-align: right;\n    }\n    .ql-editor.ql-blank::before {\n        color: dt('form.field.placeholder.color');\n        content: attr(data-placeholder);\n        font-style: italic;\n        inset-inline-start: 15px;\n        pointer-events: none;\n        position: absolute;\n        inset-inline-end: 15px;\n    }\n    .ql-snow.ql-toolbar:after,\n    .ql-snow .ql-toolbar:after {\n        clear: both;\n        content: '';\n        display: table;\n    }\n    .ql-snow.ql-toolbar button,\n    .ql-snow .ql-toolbar button {\n        background: none;\n        border: none;\n        cursor: pointer;\n        display: inline-block;\n        float: left;\n        height: 24px;\n        padding-block: 3px;\n        padding-inline: 5px;\n        width: 28px;\n    }\n    .ql-snow.ql-toolbar button svg,\n    .ql-snow .ql-toolbar button svg {\n        float: left;\n        height: 100%;\n    }\n    .ql-snow.ql-toolbar button:active:hover,\n    .ql-snow .ql-toolbar button:active:hover {\n        outline: none;\n    }\n    .ql-snow.ql-toolbar input.ql-image[type='file'],\n    .ql-snow .ql-toolbar input.ql-image[type='file'] {\n        display: none;\n    }\n    .ql-snow.ql-toolbar button:hover,\n    .ql-snow .ql-toolbar button:hover,\n    .ql-snow.ql-toolbar button:focus,\n    .ql-snow .ql-toolbar button:focus,\n    .ql-snow.ql-toolbar button.ql-active,\n    .ql-snow .ql-toolbar button.ql-active,\n    .ql-snow.ql-toolbar .ql-picker-label:hover,\n    .ql-snow .ql-toolbar .ql-picker-label:hover,\n    .ql-snow.ql-toolbar .ql-picker-label.ql-active,\n    .ql-snow .ql-toolbar .ql-picker-label.ql-active,\n    .ql-snow.ql-toolbar .ql-picker-item:hover,\n    .ql-snow .ql-toolbar .ql-picker-item:hover,\n    .ql-snow.ql-toolbar .ql-picker-item.ql-selected,\n    .ql-snow .ql-toolbar .ql-picker-item.ql-selected {\n        color: #06c;\n    }\n    .ql-snow.ql-toolbar button:hover .ql-fill,\n    .ql-snow .ql-toolbar button:hover .ql-fill,\n    .ql-snow.ql-toolbar button:focus .ql-fill,\n    .ql-snow .ql-toolbar button:focus .ql-fill,\n    .ql-snow.ql-toolbar button.ql-active .ql-fill,\n    .ql-snow .ql-toolbar button.ql-active .ql-fill,\n    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\n    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\n    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\n    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\n    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n    .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\n    .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\n    .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\n    .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\n    .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n    .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n        fill: #06c;\n    }\n    .ql-snow.ql-toolbar button:hover .ql-stroke,\n    .ql-snow .ql-toolbar button:hover .ql-stroke,\n    .ql-snow.ql-toolbar button:focus .ql-stroke,\n    .ql-snow .ql-toolbar button:focus .ql-stroke,\n    .ql-snow.ql-toolbar button.ql-active .ql-stroke,\n    .ql-snow .ql-toolbar button.ql-active .ql-stroke,\n    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\n    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\n    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\n    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\n    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n    .ql-snow.ql-toolbar button:hover .ql-stroke-miter,\n    .ql-snow .ql-toolbar button:hover .ql-stroke-miter,\n    .ql-snow.ql-toolbar button:focus .ql-stroke-miter,\n    .ql-snow .ql-toolbar button:focus .ql-stroke-miter,\n    .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n    .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n        stroke: #06c;\n    }\n    @media (pointer: coarse) {\n        .ql-snow.ql-toolbar button:hover:not(.ql-active),\n        .ql-snow .ql-toolbar button:hover:not(.ql-active) {\n            color: #444;\n        }\n        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n            fill: #444;\n        }\n        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n            stroke: #444;\n        }\n    }\n    .ql-snow {\n        box-sizing: border-box;\n    }\n    .ql-snow * {\n        box-sizing: border-box;\n    }\n    .ql-snow .ql-hidden {\n        display: none;\n    }\n    .ql-snow .ql-out-bottom,\n    .ql-snow .ql-out-top {\n        visibility: hidden;\n    }\n    .ql-snow .ql-tooltip {\n        position: absolute;\n        transform: translateY(10px);\n    }\n    .ql-snow .ql-tooltip a {\n        cursor: pointer;\n        text-decoration: none;\n    }\n    .ql-snow .ql-tooltip.ql-flip {\n        transform: translateY(-10px);\n    }\n    .ql-snow .ql-formats {\n        display: inline-block;\n        vertical-align: middle;\n    }\n    .ql-snow .ql-formats:after {\n        clear: both;\n        content: '';\n        display: table;\n    }\n    .ql-snow .ql-stroke {\n        fill: none;\n        stroke: #444;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        stroke-width: 2;\n    }\n    .ql-snow .ql-stroke-miter {\n        fill: none;\n        stroke: #444;\n        stroke-miterlimit: 10;\n        stroke-width: 2;\n    }\n    .ql-snow .ql-fill,\n    .ql-snow .ql-stroke.ql-fill {\n        fill: #444;\n    }\n    .ql-snow .ql-empty {\n        fill: none;\n    }\n    .ql-snow .ql-even {\n        fill-rule: evenodd;\n    }\n    .ql-snow .ql-thin,\n    .ql-snow .ql-stroke.ql-thin {\n        stroke-width: 1;\n    }\n    .ql-snow .ql-transparent {\n        opacity: 0.4;\n    }\n    .ql-snow .ql-direction svg:last-child {\n        display: none;\n    }\n    .ql-snow .ql-direction.ql-active svg:last-child {\n        display: inline;\n    }\n    .ql-snow .ql-direction.ql-active svg:first-child {\n        display: none;\n    }\n    .ql-snow .ql-editor h1 {\n        font-size: 2rem;\n    }\n    .ql-snow .ql-editor h2 {\n        font-size: 1.5rem;\n    }\n    .ql-snow .ql-editor h3 {\n        font-size: 1.17rem;\n    }\n    .ql-snow .ql-editor h4 {\n        font-size: 1rem;\n    }\n    .ql-snow .ql-editor h5 {\n        font-size: 0.83rem;\n    }\n    .ql-snow .ql-editor h6 {\n        font-size: 0.67rem;\n    }\n    .ql-snow .ql-editor a {\n        text-decoration: underline;\n    }\n    .ql-snow .ql-editor blockquote {\n        border-inline-start: 4px solid #ccc;\n        margin-block-end: 5px;\n        margin-block-start: 5px;\n        padding-inline-start: 16px;\n    }\n    .ql-snow .ql-editor code,\n    .ql-snow .ql-editor pre {\n        background: #f0f0f0;\n        border-radius: 3px;\n    }\n    .ql-snow .ql-editor pre {\n        white-space: pre-wrap;\n        margin-block-end: 5px;\n        margin-block-start: 5px;\n        padding: 5px 10px;\n    }\n    .ql-snow .ql-editor code {\n        font-size: 85%;\n        padding: 2px 4px;\n    }\n    .ql-snow .ql-editor pre.ql-syntax {\n        background: #23241f;\n        color: #f8f8f2;\n        overflow: visible;\n    }\n    .ql-snow .ql-editor img {\n        max-width: 100%;\n    }\n    .ql-snow .ql-picker {\n        color: #444;\n        display: inline-block;\n        float: left;\n        inset-inline-start: 0;\n        font-size: 14px;\n        font-weight: 500;\n        height: 24px;\n        position: relative;\n        vertical-align: middle;\n    }\n    .ql-snow .ql-picker-label {\n        cursor: pointer;\n        display: inline-block;\n        height: 100%;\n        padding-inline-start: 8px;\n        padding-inline-end: 2px;\n        position: relative;\n        width: 100%;\n    }\n    .ql-snow .ql-picker-label::before {\n        display: inline-block;\n        line-height: 22px;\n    }\n    .ql-snow .ql-picker-options {\n        background: #fff;\n        display: none;\n        min-width: 100%;\n        padding: 4px 8px;\n        position: absolute;\n        white-space: nowrap;\n    }\n    .ql-snow .ql-picker-options .ql-picker-item {\n        cursor: pointer;\n        display: block;\n        padding-block-end: 5px;\n        padding-block-start: 5px;\n    }\n    .ql-snow .ql-picker.ql-expanded .ql-picker-label {\n        color: #ccc;\n        z-index: 2;\n    }\n    .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n        fill: #ccc;\n    }\n    .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n        stroke: #ccc;\n    }\n    .ql-snow .ql-picker.ql-expanded .ql-picker-options {\n        display: block;\n        margin-block-start: -1px;\n        top: 100%;\n        z-index: 1;\n    }\n    .ql-snow .ql-color-picker,\n    .ql-snow .ql-icon-picker {\n        width: 28px;\n    }\n    .ql-snow .ql-color-picker .ql-picker-label,\n    .ql-snow .ql-icon-picker .ql-picker-label {\n        padding: 2px 4px;\n    }\n    .ql-snow .ql-color-picker .ql-picker-label svg,\n    .ql-snow .ql-icon-picker .ql-picker-label svg {\n        inset-inline-end: 4px;\n    }\n    .ql-snow .ql-icon-picker .ql-picker-options {\n        padding: 4px 0;\n    }\n    .ql-snow .ql-icon-picker .ql-picker-item {\n        height: 24px;\n        width: 24px;\n        padding: 2px 4px;\n    }\n    .ql-snow .ql-color-picker .ql-picker-options {\n        padding: 3px 5px;\n        width: 152px;\n    }\n    .ql-snow .ql-color-picker .ql-picker-item {\n        border: 1px solid transparent;\n        float: left;\n        height: 16px;\n        margin: 2px;\n        padding: 0;\n        width: 16px;\n    }\n    .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n        position: absolute;\n        margin-block-start: -9px;\n        inset-inline-end: 0;\n        top: 50%;\n        width: 18px;\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,\n    .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,\n    .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,\n    .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,\n    .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,\n    .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {\n        content: attr(data-label);\n    }\n    .ql-snow .ql-picker.ql-header {\n        width: 98px;\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-label::before,\n    .ql-snow .ql-picker.ql-header .ql-picker-item::before {\n        content: 'Normal';\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,\n    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n        content: 'Heading 1';\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,\n    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n        content: 'Heading 2';\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,\n    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n        content: 'Heading 3';\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,\n    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n        content: 'Heading 4';\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,\n    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n        content: 'Heading 5';\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,\n    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n        content: 'Heading 6';\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n        font-size: 2rem;\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n        font-size: 1.5rem;\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n        font-size: 1.17rem;\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n        font-size: 1rem;\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n        font-size: 0.83rem;\n    }\n    .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n        font-size: 0.67rem;\n    }\n    .ql-snow .ql-picker.ql-font {\n        width: 108px;\n    }\n    .ql-snow .ql-picker.ql-font .ql-picker-label::before,\n    .ql-snow .ql-picker.ql-font .ql-picker-item::before {\n        content: 'Sans Serif';\n    }\n    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,\n    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n        content: 'Serif';\n    }\n    .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,\n    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n        content: 'Monospace';\n    }\n    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n        font-family:\n            Georgia,\n            Times New Roman,\n            serif;\n    }\n    .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n        font-family:\n            Monaco,\n            Courier New,\n            monospace;\n    }\n    .ql-snow .ql-picker.ql-size {\n        width: 98px;\n    }\n    .ql-snow .ql-picker.ql-size .ql-picker-label::before,\n    .ql-snow .ql-picker.ql-size .ql-picker-item::before {\n        content: 'Normal';\n    }\n    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,\n    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n        content: 'Small';\n    }\n    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,\n    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n        content: 'Large';\n    }\n    .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,\n    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n        content: 'Huge';\n    }\n    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n        font-size: 10px;\n    }\n    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n        font-size: 18px;\n    }\n    .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n        font-size: 32px;\n    }\n    .ql-snow .ql-color-picker.ql-background .ql-picker-item {\n        background: #fff;\n    }\n    .ql-snow .ql-color-picker.ql-color .ql-picker-item {\n        background: #000;\n    }\n    .ql-toolbar.ql-snow {\n        border: 1px solid #ccc;\n        box-sizing: border-box;\n        font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n        padding: 8px;\n    }\n    .ql-toolbar.ql-snow .ql-formats {\n        margin-inline-end: 15px;\n    }\n    .ql-toolbar.ql-snow .ql-picker-label {\n        border: 1px solid transparent;\n    }\n    .ql-toolbar.ql-snow .ql-picker-options {\n        border: 1px solid transparent;\n        box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n    }\n    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n        border-color: #ccc;\n    }\n    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n        border-color: #ccc;\n    }\n    .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,\n    .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {\n        border-color: #000;\n    }\n    .ql-toolbar.ql-snow + .ql-container.ql-snow {\n        border-block-start: 0;\n    }\n    .ql-snow .ql-tooltip {\n        background: #fff;\n        border: 1px solid #ccc;\n        box-shadow: 0 0 5px #ddd;\n        color: #444;\n        padding: 5px 12px;\n        white-space: nowrap;\n    }\n    .ql-snow .ql-tooltip::before {\n        content: 'Visit URL:';\n        line-height: 26px;\n        margin-inline-end: 8px;\n    }\n    .ql-snow .ql-tooltip input[type='text'] {\n        display: none;\n        border: 1px solid #ccc;\n        font-size: 13px;\n        height: 26px;\n        margin: 0;\n        padding: 3px 5px;\n        width: 170px;\n    }\n    .ql-snow .ql-tooltip a.ql-preview {\n        display: inline-block;\n        max-width: 200px;\n        overflow-x: hidden;\n        text-overflow: ellipsis;\n        vertical-align: top;\n    }\n    .ql-snow .ql-tooltip a.ql-action::after {\n        border-inline-end: 1px solid #ccc;\n        content: 'Edit';\n        margin-inline-start: 16px;\n        padding-inline-end: 8px;\n    }\n    .ql-snow .ql-tooltip a.ql-remove::before {\n        content: 'Remove';\n        margin-inline-start: 8px;\n    }\n    .ql-snow .ql-tooltip a {\n        line-height: 26px;\n    }\n    .ql-snow .ql-tooltip.ql-editing a.ql-preview,\n    .ql-snow .ql-tooltip.ql-editing a.ql-remove {\n        display: none;\n    }\n    .ql-snow .ql-tooltip.ql-editing input[type='text'] {\n        display: inline-block;\n    }\n    .ql-snow .ql-tooltip.ql-editing a.ql-action::after {\n        border-inline-end: 0;\n        content: 'Save';\n        padding-inline-end: 0;\n    }\n    .ql-snow .ql-tooltip[data-mode='link']::before {\n        content: 'Enter link:';\n    }\n    .ql-snow .ql-tooltip[data-mode='formula']::before {\n        content: 'Enter formula:';\n    }\n    .ql-snow .ql-tooltip[data-mode='video']::before {\n        content: 'Enter video:';\n    }\n    .ql-snow a {\n        color: #06c;\n    }\n    .ql-container.ql-snow {\n        border: 1px solid #ccc;\n    }\n\n    .h-editor {\n        display: block;\n    }\n\n    .h-editor .h-editor-toolbar {\n        background: dt('editor.toolbar.background');\n        border-start-end-radius: dt('editor.toolbar.border.radius');\n        border-start-start-radius: dt('editor.toolbar.border.radius');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow {\n        border: 1px solid dt('editor.toolbar.border.color');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow .ql-stroke {\n        stroke: dt('editor.toolbar.item.color');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow .ql-fill {\n        fill: dt('editor.toolbar.item.color');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow .ql-picker .ql-picker-label {\n        border: 0 none;\n        color: dt('editor.toolbar.item.color');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {\n        color: dt('editor.toolbar.item.hover.color');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {\n        stroke: dt('editor.toolbar.item.hover.color');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {\n        fill: dt('editor.toolbar.item.hover.color');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n        color: dt('editor.toolbar.item.active.color');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n        stroke: dt('editor.toolbar.item.active.color');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n        fill: dt('editor.toolbar.item.active.color');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n        background: dt('editor.overlay.background');\n        border: 1px solid dt('editor.overlay.border.color');\n        box-shadow: dt('editor.overlay.shadow');\n        border-radius: dt('editor.overlay.border.radius');\n        padding: dt('editor.overlay.padding');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {\n        color: dt('editor.overlay.option.color');\n        border-radius: dt('editor.overlay.option.border.radius');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {\n        background: dt('editor.overlay.option.focus.background');\n        color: dt('editor.overlay.option.focus.color');\n    }\n\n    .h-editor .h-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-color-picker, .ql-icon-picker) .ql-picker-item {\n        padding: dt('editor.overlay.option.padding');\n    }\n\n    .h-editor .h-editor-content {\n        border-end-end-radius: dt('editor.content.border.radius');\n        border-end-start-radius: dt('editor.content.border.radius');\n    }\n\n    .h-editor .h-editor-content.ql-snow {\n        border: 1px solid dt('editor.content.border.color');\n    }\n\n    .h-editor .h-editor-content .ql-editor {\n        background: dt('editor.content.background');\n        color: dt('editor.content.color');\n        border-end-end-radius: dt('editor.content.border.radius');\n        border-end-start-radius: dt('editor.content.border.radius');\n    }\n\n    .h-editor .ql-snow.ql-toolbar button:hover,\n    .h-editor .ql-snow.ql-toolbar button:focus {\n        color: dt('editor.toolbar.item.hover.color');\n    }\n\n    .h-editor .ql-snow.ql-toolbar button:hover .ql-stroke,\n    .h-editor .ql-snow.ql-toolbar button:focus .ql-stroke {\n        stroke: dt('editor.toolbar.item.hover.color');\n    }\n\n    .h-editor .ql-snow.ql-toolbar button:hover .ql-fill,\n    .h-editor .ql-snow.ql-toolbar button:focus .ql-fill {\n        fill: dt('editor.toolbar.item.hover.color');\n    }\n\n    .h-editor .ql-snow.ql-toolbar button.ql-active,\n    .h-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active,\n    .h-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected {\n        color: dt('editor.toolbar.item.active.color');\n    }\n\n    .h-editor .ql-snow.ql-toolbar button.ql-active .ql-stroke,\n    .h-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n    .h-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {\n        stroke: dt('editor.toolbar.item.active.color');\n    }\n\n    .h-editor .ql-snow.ql-toolbar button.ql-active .ql-fill,\n    .h-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n    .h-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {\n        fill: dt('editor.toolbar.item.active.color');\n    }\n\n    .h-editor .ql-snow.ql-toolbar button.ql-active .ql-picker-label,\n    .h-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,\n    .h-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {\n        color: dt('editor.toolbar.item.active.color');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './editor.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-editor',\n        {\n            'h-invalid': instance.invalid()\n        }\n    ],\n    toolbar: 'h-editor-toolbar',\n    content: 'h-editor-content'\n};\n\n@Injectable()\nexport class EditorStyle extends BaseStyle {\n    name = 'editor';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Editor groups a collection of contents in tabs.\n *\n * [Live Demo](https://www.primeng.org/editor/)\n *\n * @module editorstyle\n *\n */\nexport enum EditorClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-editor',\n    /**\n     * Class name of the toolbar element\n     */\n    toolbar = 'h-editor-toolbar',\n    /**\n     * Class name of the content element\n     */\n    content = 'h-editor-content'\n}\n\nexport interface EditorStyle extends BaseStyle {}\n","import { CommonModule, isPlatformServer } from '@angular/common';\nimport { afterNextRender, ChangeDetectionStrategy, Component, forwardRef, inject, InjectionToken, Input, NgModule, TemplateRef, ViewEncapsulation, input, output, contentChild, contentChildren, effect } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { findSingle } from '@gravionlabs/helix-core/uix/utils';\nimport { Header, HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';\nimport { PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { BaseEditableHolder } from '@gravionlabs/helix-core/baseeditableholder';\nimport { Bind, BindModule } from '@gravionlabs/helix-core/bind';\nimport { Nullable } from '@gravionlabs/helix-core/ts-helpers';\nimport { EditorBlurEvent, EditorChangeEvent, EditorFocusEvent, EditorInitEvent, EditorPassThrough, EditorSelectionChangeEvent, EditorTextChangeEvent } from '@gravionlabs/helix-core/types/editor';\nimport { EditorStyle } from './style/editorstyle';\n\nconst EDITOR_INSTANCE = new InjectionToken<Editor>('EDITOR_INSTANCE');\n\nexport const EDITOR_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => Editor),\n    multi: true\n};\n/**\n * Editor groups a collection of contents in tabs.\n * @group Components\n */\n@Component({\n    selector: 'h-editor',\n    standalone: true,\n    imports: [CommonModule, SharedModule, BindModule],\n    templateUrl: './editor.html',\n    providers: [EDITOR_VALUE_ACCESSOR, EditorStyle, { provide: EDITOR_INSTANCE, useExisting: Editor }, { provide: PARENT_INSTANCE, useExisting: Editor }],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[class]': \"cn(cx('root'), styleClass())\"\n    },\n    hostDirectives: [Bind]\n})\nexport class Editor extends BaseEditableHolder<EditorPassThrough> {\n    componentName = 'Editor';\n\n    $pcEditor: Editor | undefined = inject(EDITOR_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    /**\n     * Inline style of the container.\n     * @group Props\n     */\n    readonly style = input<{\n    [klass: string]: any;\n} | null>();\n    /**\n     * Style class of the container.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * Placeholder text to show when editor is empty.\n     * @group Props\n     */\n    readonly placeholder = input<string>();\n    /**\n     * Whitelist of formats to display, see [here](https://quilljs.com/docs/formats/) for available options.\n     * @group Props\n     */\n    readonly formats = input<string[]>();\n    /**\n     * Modules configuration of Editor, see [here](https://quilljs.com/docs/modules/) for available options.\n     * @group Props\n     */\n    readonly modules = input<object>();\n    /**\n     * DOM Element or a CSS selector for a DOM Element, within which the editor’s p elements (i.e. tooltips, etc.) should be confined. Currently, it only considers left and right boundaries.\n     * @group Props\n     */\n    readonly bounds = input<HTMLElement | string>();\n    /**\n     * DOM Element or a CSS selector for a DOM Element, specifying which container has the scrollbars (i.e. overflow-y: auto), if is has been changed from the default ql-editor with custom CSS. Necessary to fix scroll jumping bugs when Quill is set to auto grow its height, and another ancestor container is responsible from the scrolling..\n     * @group Props\n     */\n    readonly scrollingContainer = input<HTMLElement | string>();\n    /**\n     * Shortcut for debug. Note debug is a static method and will affect other instances of Quill editors on the page. Only warning and error messages are enabled by default.\n     * @group Props\n     */\n    readonly debug = input<string>();\n    /**\n     * Whether to instantiate the editor to read-only mode.\n     * @group Props\n     */\n    readonly readonly = input<boolean>(false);\n    /**\n     * Callback to invoke when the quill modules are loaded.\n     * @param {EditorInitEvent} event - custom event.\n     * @group Emits\n     */\n    readonly onEditorInit = output<EditorInitEvent>({ alias: 'onInit' });\n    /**\n     * Callback to invoke when text of editor changes.\n     * @param {EditorTextChangeEvent} event - custom event.\n     * @group Emits\n     */\n    readonly onTextChange = output<EditorTextChangeEvent>();\n    /**\n     * Callback to invoke when selection of the text changes.\n     * @param {EditorSelectionChangeEvent} event - custom event.\n     * @group Emits\n     */\n    readonly onSelectionChange = output<EditorSelectionChangeEvent>();\n    /**\n     * Callback to invoke when editor content changes (combines both text and selection changes).\n     * @param {EditorChangeEvent} event - custom event.\n     * @group Emits\n     */\n    readonly onEditorChange = output<EditorChangeEvent>();\n    /**\n     * Callback to invoke when editor receives focus.\n     * @param {EditorFocusEvent} event - custom event.\n     * @group Emits\n     */\n    readonly onFocus = output<EditorFocusEvent>();\n    /**\n     * Callback to invoke when editor loses focus.\n     * @param {EditorBlurEvent} event - custom event.\n     * @group Emits\n     */\n    readonly onBlur = output<EditorBlurEvent>();\n\n    readonly toolbar = contentChild(Header);\n\n    value: Nullable<string>;\n\n    delayedCommand: Function | null = null;\n\n\n    quill: any;\n\n    dynamicQuill: any;\n\n    /**\n     * Custom item template.\n     * @group Templates\n     */\n    readonly headerTemplate = contentChild<Nullable<TemplateRef<any>>>('header', { descendants: false });\n\n    readonly templates = contentChildren(HelixTemplate);\n\n    _headerTemplate: TemplateRef<any> | undefined;\n\n    private get isAttachedQuillEditorToDOM(): boolean | undefined {\n        return this.quillElements?.editorElement?.isConnected;\n    }\n\n    private quillElements!: { editorElement: HTMLElement; toolbarElement: HTMLElement };\n\n    private focusListener: (() => void) | null = null;\n\n    private blurListener: (() => void) | null = null;\n\n    _componentStyle = inject(EditorStyle);\n\n    constructor() {\n        super();\n        effect(() => {\n            const readonly = this.readonly();\n            if (this.quill) {\n                if (readonly) this.quill.disable();\n                else this.quill.enable();\n            }\n        });\n        /**\n         * Read or write the DOM once, when initializing non-Angular (Quill) library.\n         */\n        afterNextRender(() => {\n            this.initQuillElements();\n            this.initQuillEditor();\n        });\n    }\n\n    onAfterContentInit() {\n        this.templates().forEach((item) => {\n            switch (item.getType()) {\n                case 'header':\n                    this._headerTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    /**\n     * @override\n     *\n     * @see {@link BaseEditableHolder.writeControlValue}\n     * Writes the value to the control.\n     */\n    writeControlValue(value: any): void {\n        this.value = value;\n\n        if (this.quill) {\n            if (value) {\n                const command = (): void => {\n                    this.quill.setContents(this.quill.clipboard.convert(this.dynamicQuill.version.startsWith('2') ? { html: this.value } : this.value));\n                };\n\n                if (this.isAttachedQuillEditorToDOM) {\n                    command();\n                } else {\n                    this.delayedCommand = command;\n                }\n            } else {\n                const command = (): void => {\n                    this.quill.setText('');\n                };\n\n                if (this.isAttachedQuillEditorToDOM) {\n                    command();\n                } else {\n                    this.delayedCommand = command;\n                }\n            }\n        }\n    }\n\n    getQuill() {\n        return this.quill;\n    }\n\n    private initQuillEditor(): void {\n        if (isPlatformServer(this.platformId)) {\n            return;\n        }\n\n        /**\n         * Importing Quill at top level, throws `document is undefined` error during when\n         * building for SSR, so this dynamically loads quill when it's in browser module.\n         */\n        if (!this.dynamicQuill) {\n            import('quill')\n                .then((quillModule: any) => {\n                    this.dynamicQuill = quillModule.default;\n                    this.createQuillEditor();\n                })\n                .catch((e) => console.error(e.message));\n        } else {\n            this.createQuillEditor();\n        }\n    }\n\n    private createQuillEditor(): void {\n        this.initQuillElements();\n\n        const { toolbarElement, editorElement } = this.quillElements;\n        let defaultModule = { toolbar: toolbarElement };\n        const modulesValue = this.modules();\n        let modules = modulesValue ? { ...defaultModule, ...modulesValue } : defaultModule;\n        this.quill = new this.dynamicQuill(editorElement, {\n            modules: modules,\n            placeholder: this.placeholder(),\n            readOnly: this.readonly(),\n            theme: 'snow',\n            formats: this.formats(),\n            bounds: this.bounds(),\n            debug: this.debug(),\n            scrollingContainer: this.scrollingContainer()\n        });\n\n        const isQuill2 = this.dynamicQuill.version.startsWith('2');\n\n        if (this.value) {\n            this.quill.setContents(this.quill.clipboard.convert(isQuill2 ? { html: this.value } : this.value));\n        }\n\n        this.quill.on('text-change', (delta: any, oldContents: any, source: 'user' | 'api' | 'silent') => {\n            if (source === 'user') {\n                let html = isQuill2 ? this.quill.getSemanticHTML() : findSingle(editorElement, '.ql-editor')?.innerHTML;\n                let text = this.quill.getText().trim();\n                if (html === '<p><br></p>') {\n                    html = null;\n                }\n\n                this.onTextChange.emit({\n                    htmlValue: html,\n                    textValue: text,\n                    delta: delta,\n                    source: source\n                });\n\n                this.onModelChange(html);\n                this.onModelTouched();\n            }\n        });\n\n        this.quill.on('selection-change', (range: any, oldRange: any, source: 'user' | 'api' | 'silent') => {\n            this.onSelectionChange.emit({\n                range: range,\n                oldRange: oldRange,\n                source: source\n            });\n        });\n\n        this.quill.on('editor-change', (eventName: 'text-change' | 'selection-change', ...args: any[]) => {\n            this.onEditorChange.emit({\n                eventName: eventName,\n                args: args\n            });\n        });\n\n        const editorEl = this.quill.root;\n\n        this.focusListener = () => {\n            this.onFocus.emit({\n                source: 'user'\n            });\n        };\n\n        this.blurListener = () => {\n            this.onBlur.emit({\n                source: 'user'\n            });\n        };\n\n        editorEl.addEventListener('focus', this.focusListener);\n        editorEl.addEventListener('blur', this.blurListener);\n\n        this.onEditorInit.emit({\n            editor: this.quill\n        });\n    }\n\n    onDestroy(): void {\n        if (this.quill && this.quill.root) {\n            const editorEl = this.quill.root;\n            if (this.focusListener) {\n                editorEl.removeEventListener('focus', this.focusListener);\n                this.focusListener = null;\n            }\n            if (this.blurListener) {\n                editorEl.removeEventListener('blur', this.blurListener);\n                this.blurListener = null;\n            }\n        }\n    }\n\n    private initQuillElements(): void {\n        if (!this.quillElements) {\n            this.quillElements = {\n                editorElement: findSingle(this.el.nativeElement, 'div[data-pc-section=\"content\"]'),\n                toolbarElement: findSingle(this.el.nativeElement, 'div[data-pc-section=\"toolbar\"]')\n            } as any;\n        }\n    }\n}\n\n@NgModule({\n    imports: [Editor, SharedModule],\n    exports: [Editor, SharedModule]\n})\nexport class EditorModule {}\n","@if (toolbar() || headerTemplate() || _headerTemplate) {\n  <div [class]=\"cx('toolbar')\" [hBind]=\"ptm('toolbar')\">\n    <ng-content select=\"h-header\"></ng-content>\n    <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate\"></ng-container>\n  </div>\n}\n@if (!toolbar() && !headerTemplate() && !_headerTemplate) {\n  <div [class]=\"cx('toolbar')\" [hBind]=\"ptm('toolbar')\">\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <select class=\"ql-header\" [hBind]=\"ptm('header')\">\n        <option value=\"1\" [hBind]=\"ptm('option')\">Heading</option>\n        <option value=\"2\" [hBind]=\"ptm('option')\">Subheading</option>\n        <option selected [hBind]=\"ptm('option')\">Normal</option>\n      </select>\n      <select class=\"ql-font\" [hBind]=\"ptm('select')\">\n        <option selected [hBind]=\"ptm('option')\">Sans Serif</option>\n        <option value=\"serif\" [hBind]=\"ptm('option')\">Serif</option>\n        <option value=\"monospace\" [hBind]=\"ptm('option')\">Monospace</option>\n      </select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-bold\" aria-label=\"Bold\" type=\"button\" [hBind]=\"ptm('bold')\"></button>\n      <button class=\"ql-italic\" aria-label=\"Italic\" type=\"button\" [hBind]=\"ptm('italic')\"></button>\n      <button class=\"ql-underline\" aria-label=\"Underline\" type=\"button\" [hBind]=\"ptm('underline')\"></button>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <select class=\"ql-color\" [hBind]=\"ptm('color')\"></select>\n      <select class=\"ql-background\" [hBind]=\"ptm('background')\"></select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-list\" value=\"ordered\" aria-label=\"Ordered List\" type=\"button\" [hBind]=\"ptm('list')\"></button>\n      <button class=\"ql-list\" value=\"bullet\" aria-label=\"Unordered List\" type=\"button\" [hBind]=\"ptm('list')\"></button>\n      <select class=\"ql-align\" [hBind]=\"ptm('select')\">\n        <option selected [hBind]=\"ptm('option')\"></option>\n        <option value=\"center\" [hBind]=\"ptm('option')\">center</option>\n        <option value=\"right\" [hBind]=\"ptm('option')\">right</option>\n        <option value=\"justify\" [hBind]=\"ptm('option')\">justify</option>\n      </select>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\" [hBind]=\"ptm('link')\"></button>\n      <button class=\"ql-image\" aria-label=\"Insert Image\" type=\"button\" [hBind]=\"ptm('image')\"></button>\n      <button class=\"ql-code-block\" aria-label=\"Insert Code Block\" type=\"button\" [hBind]=\"ptm('codeBlock')\"></button>\n    </span>\n    <span class=\"ql-formats\" [hBind]=\"ptm('formats')\">\n      <button class=\"ql-clean\" aria-label=\"Remove Styles\" type=\"button\" [hBind]=\"ptm('clean')\"></button>\n    </span>\n  </div>\n}\n<div [class]=\"cx('content')\" [ngStyle]=\"style()\" [hBind]=\"ptm('content')\"></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/gravionlabs-helix-core-fieldset.mjs

@@ -0,0 +1,372 @@
+export * from '@gravionlabs/helix-core/types/fieldset';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, input, booleanAttribute, computed, output, viewChild, model, contentChild, contentChildren, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { uuid } from '@gravionlabs/helix-core/uix/utils';
+import { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';
+import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind, BindModule } from '@gravionlabs/helix-core/bind';
+import { MinusIcon, PlusIcon } from '@gravionlabs/helix-core/icons';
+import * as i3 from '@gravionlabs/helix-core/motion';
+import { MotionModule } from '@gravionlabs/helix-core/motion';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+const style = /*css*/ `
+    .h-fieldset {
+        background: dt('fieldset.background');
+        border: 1px solid dt('fieldset.border.color');
+        border-radius: dt('fieldset.border.radius');
+        color: dt('fieldset.color');
+        padding: dt('fieldset.padding');
+        margin: 0;
+    }
+
+    .h-fieldset-legend {
+        background: dt('fieldset.legend.background');
+        border-radius: dt('fieldset.legend.border.radius');
+        border-width: dt('fieldset.legend.border.width');
+        border-style: solid;
+        border-color: dt('fieldset.legend.border.color');
+        color: dt('fieldset.legend.color');
+        padding: dt('fieldset.legend.padding');
+        transition:
+            background dt('fieldset.transition.duration'),
+            color dt('fieldset.transition.duration'),
+            outline-color dt('fieldset.transition.duration'),
+            box-shadow dt('fieldset.transition.duration');
+    }
+
+    .h-fieldset-toggleable > .h-fieldset-legend {
+        padding: 0;
+    }
+
+    .h-fieldset-toggle-button {
+        cursor: pointer;
+        user-select: none;
+        overflow: hidden;
+        position: relative;
+        text-decoration: none;
+        display: flex;
+        gap: dt('fieldset.legend.gap');
+        align-items: center;
+        justify-content: center;
+        padding: dt('fieldset.legend.padding');
+        background: transparent;
+        border: 0 none;
+        border-radius: dt('fieldset.legend.border.radius');
+        transition:
+            background dt('fieldset.transition.duration'),
+            color dt('fieldset.transition.duration'),
+            outline-color dt('fieldset.transition.duration'),
+            box-shadow dt('fieldset.transition.duration');
+        outline-color: transparent;
+    }
+
+    .h-fieldset-legend-label {
+        font-weight: dt('fieldset.legend.font.weight');
+    }
+
+    .h-fieldset-toggle-button:focus-visible {
+        box-shadow: dt('fieldset.legend.focus.ring.shadow');
+        outline: dt('fieldset.legend.focus.ring.width') dt('fieldset.legend.focus.ring.style') dt('fieldset.legend.focus.ring.color');
+        outline-offset: dt('fieldset.legend.focus.ring.offset');
+    }
+
+    .h-fieldset-toggleable > .h-fieldset-legend:hover {
+        color: dt('fieldset.legend.hover.color');
+        background: dt('fieldset.legend.hover.background');
+    }
+
+    .h-fieldset-toggle-icon {
+        color: dt('fieldset.toggle.icon.color');
+        transition: color dt('fieldset.transition.duration');
+    }
+
+    .h-fieldset-toggleable > .h-fieldset-legend:hover .h-fieldset-toggle-icon {
+        color: dt('fieldset.toggle.icon.hover.color');
+    }
+
+    .h-fieldset-content-container {
+        display: grid;
+        grid-template-rows: 1fr;
+    }
+
+    .h-fieldset-content-wrapper {
+        min-height: 0;
+    }
+
+    .h-fieldset-content {
+        padding: dt('fieldset.content.padding');
+    }
+`;
+
+const classes = {
+    root: ({ instance }) => [
+        'h-fieldset h-component',
+        {
+            'h-fieldset-toggleable': instance.toggleable(),
+            'h-fieldset-collapsed': instance.collapsed() && instance.toggleable()
+        }
+    ],
+    legend: 'h-fieldset-legend',
+    legendLabel: 'h-fieldset-legend-label',
+    toggleButton: 'h-fieldset-toggle-button',
+    toggleIcon: 'h-fieldset-toggle-icon',
+    contentContainer: 'h-fieldset-content-container',
+    contentWrapper: 'h-fieldset-content-wrapper',
+    content: 'h-fieldset-content'
+};
+class FieldsetStyle extends BaseStyle {
+    name = 'fieldset';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FieldsetStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FieldsetStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FieldsetStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * Fieldset is a grouping component with the optional content toggle feature.
+ *
+ * [Live Demo](https://www.primeng.org/fieldset/)
+ *
+ * @module fieldsetstyle
+ *
+ */
+var FieldsetClasses;
+(function (FieldsetClasses) {
+    /**
+     * Class name of the root element
+     */
+    FieldsetClasses["root"] = "h-fieldset";
+    /**
+     * Class name of the legend element
+     */
+    FieldsetClasses["legend"] = "h-fieldset-legend";
+    /**
+     * Class name of the legend label element
+     */
+    FieldsetClasses["legendLabel"] = "h-fieldset-legend-label";
+    /**
+     * Class name of the toggle icon element
+     */
+    FieldsetClasses["toggleIcon"] = "h-fieldset-toggle-icon";
+    /**
+     * Class name of the content container element
+     */
+    FieldsetClasses["contentContainer"] = "h-fieldset-content-container";
+    /**
+     * Class name of the content wrapper element
+     */
+    FieldsetClasses["contentWrapper"] = "h-fieldset-content-wrapper";
+    /**
+     * Class name of the content element
+     */
+    FieldsetClasses["content"] = "h-fieldset-content";
+})(FieldsetClasses || (FieldsetClasses = {}));
+
+const FIELDSET_INSTANCE = new InjectionToken('FIELDSET_INSTANCE');
+/**
+ * Fieldset is a grouping component with the optional content toggle feature.
+ * @group Components
+ */
+class Fieldset extends BaseComponent {
+    componentName = 'Fieldset';
+    $pcFieldset = inject(FIELDSET_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    _componentStyle = inject(FieldsetStyle);
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptm('host'));
+    }
+    get dataP() {
+        return this.cn({
+            toggleable: this.toggleable()
+        });
+    }
+    /**
+     * Header text of the fieldset.
+     * @group Props
+     */
+    legend = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "legend" }] : /* istanbul ignore next */ []));
+    /**
+     * When specified, content can toggled by clicking the legend.
+     * @group Props
+     * @defaultValue false
+     */
+    toggleable = input(undefined, { ...(ngDevMode ? { debugName: "toggleable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "style" }] : /* istanbul ignore next */ []));
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Transition options of the panel animation.
+     * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
+     */
+    transitionOptions = input('400ms cubic-bezier(0.86, 0, 0.07, 1)', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "transitionOptions" }] : /* istanbul ignore next */ []));
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "motionOptions" }] : /* istanbul ignore next */ []));
+    computedMotionOptions = computed(() => {
+        return {
+            ...this.ptm('motion'),
+            ...this.motionOptions()
+        };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "computedMotionOptions" }] : /* istanbul ignore next */ []));
+    /**
+     * Callback to invoke before panel toggle.
+     * @param {PanelBeforeToggleEvent} event - Custom toggle event
+     * @group Emits
+     */
+    onBeforeToggle = output();
+    /**
+     * Callback to invoke after panel toggle.
+     * @param {PanelAfterToggleEvent} event - Custom toggle event
+     * @group Emits
+     */
+    onAfterToggle = output();
+    contentWrapperViewChild = viewChild.required('contentWrapper', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentWrapperViewChild" }] : /* istanbul ignore next */ []));
+    _id = uuid('pn_id_');
+    get id() {
+        return this._id;
+    }
+    get buttonAriaLabel() {
+        return this.legend();
+    }
+    /**
+     * Defines the initial state of content, supports one or two-way binding as well.
+     * @group Props
+     */
+    collapsed = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
+    /**
+     * Custom header template.
+     * @group Templates
+     */
+    headerTemplate = contentChild('header', { ...(ngDevMode ? { debugName: "headerTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    /**
+     * Custom expand icon template.
+     * @group Templates
+     */
+    expandIconTemplate = contentChild('expandicon', { ...(ngDevMode ? { debugName: "expandIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    /**
+     * Custom collapse icon template.
+     * @group Templates
+     */
+    collapseIconTemplate = contentChild('collapseicon', { ...(ngDevMode ? { debugName: "collapseIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    /**
+     * Custom content template.
+     * @group Templates
+     */
+    contentTemplate = contentChild('content', { ...(ngDevMode ? { debugName: "contentTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    toggle(event) {
+        this.onBeforeToggle.emit({ originalEvent: event, collapsed: this.collapsed() });
+        if (this.collapsed())
+            this.expand();
+        else
+            this.collapse();
+        event.preventDefault();
+    }
+    onKeyDown(event) {
+        if (event.code === 'Enter' || event.code === 'Space') {
+            this.toggle(event);
+            event.preventDefault();
+        }
+    }
+    expand() {
+        this.collapsed.set(false);
+        this.updateTabIndex();
+    }
+    collapse() {
+        this.collapsed.set(true);
+        this.updateTabIndex();
+    }
+    getBlockableElement() {
+        return this.el.nativeElement.children[0];
+    }
+    updateTabIndex() {
+        const contentWrapperViewChild = this.contentWrapperViewChild();
+        if (contentWrapperViewChild) {
+            const focusableElements = contentWrapperViewChild.nativeElement.querySelectorAll('input, button, select, a, textarea, [tabindex]');
+            focusableElements.forEach((element) => {
+                if (this.collapsed()) {
+                    element.setAttribute('tabindex', '-1');
+                }
+                else {
+                    element.removeAttribute('tabindex');
+                }
+            });
+        }
+    }
+    onToggleDone(event) {
+        this.onAfterToggle.emit({ originalEvent: event, collapsed: this.collapsed() });
+    }
+    _headerTemplate;
+    _expandIconTemplate;
+    _collapseIconTemplate;
+    _contentTemplate;
+    templates = contentChildren(HelixTemplate, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
+    onAfterContentInit() {
+        this.templates().forEach((item) => {
+            switch (item.getType()) {
+                case 'header':
+                    this._headerTemplate = item.template;
+                    break;
+                case 'expandicon':
+                    this._expandIconTemplate = item.template;
+                    break;
+                case 'collapseicon':
+                    this._collapseIconTemplate = item.template;
+                    break;
+                case 'content':
+                    this._contentTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Fieldset, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Fieldset, isStandalone: true, selector: "h-fieldset", inputs: { legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, toggleable: { classPropertyName: "toggleable", publicName: "toggleable", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBeforeToggle: "onBeforeToggle", onAfterToggle: "onAfterToggle", collapsed: "collapsedChange" }, providers: [FieldsetStyle, { provide: FIELDSET_INSTANCE, useExisting: Fieldset }, { provide: PARENT_INSTANCE, useExisting: Fieldset }], queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], isSignal: true }, { propertyName: "expandIconTemplate", first: true, predicate: ["expandicon"], isSignal: true }, { propertyName: "collapseIconTemplate", first: true, predicate: ["collapseicon"], isSignal: true }, { propertyName: "contentTemplate", first: true, predicate: ["content"], isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], viewQueries: [{ propertyName: "contentWrapperViewChild", first: true, predicate: ["contentWrapper"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<fieldset [attr.id]=\"id\" [ngStyle]=\"style()\" [class]=\"cn(cx('root'), styleClass())\" [hBind]=\"ptm('root')\" [attr.data-h]=\"dataP\">\n  <legend [class]=\"cx('legend')\" [hBind]=\"ptm('legend')\" [attr.data-h]=\"dataP\">\n    @if (toggleable()) {\n      <button\n        [attr.id]=\"id + '_header'\"\n        tabindex=\"0\"\n        role=\"button\"\n        [attr.aria-controls]=\"id + '_content'\"\n        [attr.aria-expanded]=\"!collapsed()\"\n        [attr.aria-label]=\"buttonAriaLabel\"\n        (click)=\"toggle($event)\"\n        (keydown)=\"onKeyDown($event)\"\n        [class]=\"cx('toggleButton')\"\n        [hBind]=\"ptm('toggleButton')\"\n        >\n        @if (collapsed()) {\n          @if (!expandIconTemplate() && !_expandIconTemplate) {\n            <svg data-h-icon=\"plus\" [class]=\"cx('toggleIcon')\" [hBind]=\"ptm('toggleIcon')\" />\n          }\n          @if (expandIconTemplate() || _expandIconTemplate) {\n            <span [class]=\"cx('toggleIcon')\" [hBind]=\"ptm('toggleIcon')\">\n              <ng-container *ngTemplateOutlet=\"expandIconTemplate() || _expandIconTemplate\"></ng-container>\n            </span>\n          }\n        }\n        @if (!collapsed()) {\n          @if (!collapseIconTemplate() && !_collapseIconTemplate) {\n            <svg data-h-icon=\"minus\" [class]=\"cx('toggleIcon')\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleIcon')\" />\n          }\n          @if (collapseIconTemplate() || _collapseIconTemplate) {\n            <span [class]=\"cx('toggleIcon')\" [hBind]=\"ptm('toggleIcon')\">\n              <ng-container *ngTemplateOutlet=\"collapseIconTemplate() || _collapseIconTemplate\"></ng-container>\n            </span>\n          }\n        }\n        <ng-container *ngTemplateOutlet=\"legendContent\"></ng-container>\n      </button>\n    } @else {\n      <span [class]=\"cx('legendLabel')\" [hBind]=\"ptm('legendLabel')\">{{ legend() }}</span>\n      <ng-content select=\"h-header\"></ng-content>\n      <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate\"></ng-container>\n    }\n    <ng-template #legendContent>\n      <span [class]=\"cx('legendLabel')\" [hBind]=\"ptm('legendLabel')\">{{ legend() }}</span>\n      <ng-content select=\"h-header\"></ng-content>\n      <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate\"></ng-container>\n    </ng-template>\n  </legend>\n  <div\n    [hBind]=\"ptm('contentContainer')\"\n    [hMotion]=\"!toggleable() || (toggleable() && !collapsed())\"\n    pMotionName=\"h-collapsible\"\n    [pMotionOptions]=\"computedMotionOptions()\"\n    [class]=\"cx('contentContainer')\"\n    [id]=\"id + '_content'\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"id + '_header'\"\n    [attr.aria-hidden]=\"collapsed()\"\n    [attr.tabindex]=\"collapsed() ? '-1' : undefined\"\n    (pMotionOnAfterEnter)=\"onToggleDone($event)\"\n    (pMotionOnAfterLeave)=\"onToggleDone($event)\"\n    >\n    <div [hBind]=\"ptm('contentWrapper')\" [class]=\"cx('contentWrapper')\">\n      <div [class]=\"cx('content')\" [hBind]=\"ptm('content')\" #contentWrapper>\n        <ng-content></ng-content>\n        <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate\"></ng-container>\n      </div>\n    </div>\n  </div>\n</fieldset>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: MinusIcon, selector: "[data-h-icon=\"minus\"]" }, { kind: "component", type: PlusIcon, selector: "[data-h-icon=\"plus\"]" }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.Bind, selector: "[hBind]", inputs: ["hBind"] }, { kind: "ngmodule", type: MotionModule }, { kind: "directive", type: i3.MotionDirective, selector: "[hMotion]", inputs: ["hMotion", "pMotionName", "pMotionType", "pMotionSafe", "pMotionDisabled", "pMotionAppear", "pMotionEnter", "pMotionLeave", "pMotionDuration", "pMotionHideStrategy", "pMotionEnterFromClass", "pMotionEnterToClass", "pMotionEnterActiveClass", "pMotionLeaveFromClass", "pMotionLeaveToClass", "pMotionLeaveActiveClass", "pMotionOptions"], outputs: ["pMotionOnBeforeEnter", "pMotionOnEnter", "pMotionOnAfterEnter", "pMotionOnEnterCancelled", "pMotionOnBeforeLeave", "pMotionOnLeave", "pMotionOnAfterLeave", "pMotionOnLeaveCancelled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Fieldset, decorators: [{
+            type: Component,
+            args: [{ selector: 'h-fieldset', standalone: true, imports: [CommonModule, MinusIcon, PlusIcon, SharedModule, BindModule, MotionModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [FieldsetStyle, { provide: FIELDSET_INSTANCE, useExisting: Fieldset }, { provide: PARENT_INSTANCE, useExisting: Fieldset }], hostDirectives: [Bind], template: "<fieldset [attr.id]=\"id\" [ngStyle]=\"style()\" [class]=\"cn(cx('root'), styleClass())\" [hBind]=\"ptm('root')\" [attr.data-h]=\"dataP\">\n  <legend [class]=\"cx('legend')\" [hBind]=\"ptm('legend')\" [attr.data-h]=\"dataP\">\n    @if (toggleable()) {\n      <button\n        [attr.id]=\"id + '_header'\"\n        tabindex=\"0\"\n        role=\"button\"\n        [attr.aria-controls]=\"id + '_content'\"\n        [attr.aria-expanded]=\"!collapsed()\"\n        [attr.aria-label]=\"buttonAriaLabel\"\n        (click)=\"toggle($event)\"\n        (keydown)=\"onKeyDown($event)\"\n        [class]=\"cx('toggleButton')\"\n        [hBind]=\"ptm('toggleButton')\"\n        >\n        @if (collapsed()) {\n          @if (!expandIconTemplate() && !_expandIconTemplate) {\n            <svg data-h-icon=\"plus\" [class]=\"cx('toggleIcon')\" [hBind]=\"ptm('toggleIcon')\" />\n          }\n          @if (expandIconTemplate() || _expandIconTemplate) {\n            <span [class]=\"cx('toggleIcon')\" [hBind]=\"ptm('toggleIcon')\">\n              <ng-container *ngTemplateOutlet=\"expandIconTemplate() || _expandIconTemplate\"></ng-container>\n            </span>\n          }\n        }\n        @if (!collapsed()) {\n          @if (!collapseIconTemplate() && !_collapseIconTemplate) {\n            <svg data-h-icon=\"minus\" [class]=\"cx('toggleIcon')\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleIcon')\" />\n          }\n          @if (collapseIconTemplate() || _collapseIconTemplate) {\n            <span [class]=\"cx('toggleIcon')\" [hBind]=\"ptm('toggleIcon')\">\n              <ng-container *ngTemplateOutlet=\"collapseIconTemplate() || _collapseIconTemplate\"></ng-container>\n            </span>\n          }\n        }\n        <ng-container *ngTemplateOutlet=\"legendContent\"></ng-container>\n      </button>\n    } @else {\n      <span [class]=\"cx('legendLabel')\" [hBind]=\"ptm('legendLabel')\">{{ legend() }}</span>\n      <ng-content select=\"h-header\"></ng-content>\n      <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate\"></ng-container>\n    }\n    <ng-template #legendContent>\n      <span [class]=\"cx('legendLabel')\" [hBind]=\"ptm('legendLabel')\">{{ legend() }}</span>\n      <ng-content select=\"h-header\"></ng-content>\n      <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate\"></ng-container>\n    </ng-template>\n  </legend>\n  <div\n    [hBind]=\"ptm('contentContainer')\"\n    [hMotion]=\"!toggleable() || (toggleable() && !collapsed())\"\n    pMotionName=\"h-collapsible\"\n    [pMotionOptions]=\"computedMotionOptions()\"\n    [class]=\"cx('contentContainer')\"\n    [id]=\"id + '_content'\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"id + '_header'\"\n    [attr.aria-hidden]=\"collapsed()\"\n    [attr.tabindex]=\"collapsed() ? '-1' : undefined\"\n    (pMotionOnAfterEnter)=\"onToggleDone($event)\"\n    (pMotionOnAfterLeave)=\"onToggleDone($event)\"\n    >\n    <div [hBind]=\"ptm('contentWrapper')\" [class]=\"cx('contentWrapper')\">\n      <div [class]=\"cx('content')\" [hBind]=\"ptm('content')\" #contentWrapper>\n        <ng-content></ng-content>\n        <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate\"></ng-container>\n      </div>\n    </div>\n  </div>\n</fieldset>\n" }]
+        }], propDecorators: { legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], toggleable: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleable", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], transitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "transitionOptions", required: false }] }], motionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionOptions", required: false }] }], onBeforeToggle: [{ type: i0.Output, args: ["onBeforeToggle"] }], onAfterToggle: [{ type: i0.Output, args: ["onAfterToggle"] }], contentWrapperViewChild: [{ type: i0.ViewChild, args: ['contentWrapper', { isSignal: true }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }, { type: i0.Output, args: ["collapsedChange"] }], headerTemplate: [{ type: i0.ContentChild, args: ['header', { ...{ descendants: false }, isSignal: true }] }], expandIconTemplate: [{ type: i0.ContentChild, args: ['expandicon', { ...{ descendants: false }, isSignal: true }] }], collapseIconTemplate: [{ type: i0.ContentChild, args: ['collapseicon', { ...{ descendants: false }, isSignal: true }] }], contentTemplate: [{ type: i0.ContentChild, args: ['content', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
+class FieldsetModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FieldsetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: FieldsetModule, imports: [Fieldset, SharedModule, BindModule], exports: [Fieldset, SharedModule, BindModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FieldsetModule, imports: [Fieldset, SharedModule, BindModule, SharedModule, BindModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: FieldsetModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Fieldset, SharedModule, BindModule],
+                    exports: [Fieldset, SharedModule, BindModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Fieldset, FieldsetClasses, FieldsetModule, FieldsetStyle };
+//# sourceMappingURL=gravionlabs-helix-core-fieldset.mjs.map

package/fesm2022/gravionlabs-helix-core-fieldset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-fieldset.mjs","sources":["../../../projects/core/fieldset/style/fieldset.css.ts","../../../projects/core/fieldset/style/fieldsetstyle.ts","../../../projects/core/fieldset/fieldset.ts","../../../projects/core/fieldset/fieldset.html","../../../projects/core/fieldset/gravionlabs-helix-core-fieldset.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-fieldset {\n        background: dt('fieldset.background');\n        border: 1px solid dt('fieldset.border.color');\n        border-radius: dt('fieldset.border.radius');\n        color: dt('fieldset.color');\n        padding: dt('fieldset.padding');\n        margin: 0;\n    }\n\n    .h-fieldset-legend {\n        background: dt('fieldset.legend.background');\n        border-radius: dt('fieldset.legend.border.radius');\n        border-width: dt('fieldset.legend.border.width');\n        border-style: solid;\n        border-color: dt('fieldset.legend.border.color');\n        color: dt('fieldset.legend.color');\n        padding: dt('fieldset.legend.padding');\n        transition:\n            background dt('fieldset.transition.duration'),\n            color dt('fieldset.transition.duration'),\n            outline-color dt('fieldset.transition.duration'),\n            box-shadow dt('fieldset.transition.duration');\n    }\n\n    .h-fieldset-toggleable > .h-fieldset-legend {\n        padding: 0;\n    }\n\n    .h-fieldset-toggle-button {\n        cursor: pointer;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n        text-decoration: none;\n        display: flex;\n        gap: dt('fieldset.legend.gap');\n        align-items: center;\n        justify-content: center;\n        padding: dt('fieldset.legend.padding');\n        background: transparent;\n        border: 0 none;\n        border-radius: dt('fieldset.legend.border.radius');\n        transition:\n            background dt('fieldset.transition.duration'),\n            color dt('fieldset.transition.duration'),\n            outline-color dt('fieldset.transition.duration'),\n            box-shadow dt('fieldset.transition.duration');\n        outline-color: transparent;\n    }\n\n    .h-fieldset-legend-label {\n        font-weight: dt('fieldset.legend.font.weight');\n    }\n\n    .h-fieldset-toggle-button:focus-visible {\n        box-shadow: dt('fieldset.legend.focus.ring.shadow');\n        outline: dt('fieldset.legend.focus.ring.width') dt('fieldset.legend.focus.ring.style') dt('fieldset.legend.focus.ring.color');\n        outline-offset: dt('fieldset.legend.focus.ring.offset');\n    }\n\n    .h-fieldset-toggleable > .h-fieldset-legend:hover {\n        color: dt('fieldset.legend.hover.color');\n        background: dt('fieldset.legend.hover.background');\n    }\n\n    .h-fieldset-toggle-icon {\n        color: dt('fieldset.toggle.icon.color');\n        transition: color dt('fieldset.transition.duration');\n    }\n\n    .h-fieldset-toggleable > .h-fieldset-legend:hover .h-fieldset-toggle-icon {\n        color: dt('fieldset.toggle.icon.hover.color');\n    }\n\n    .h-fieldset-content-container {\n        display: grid;\n        grid-template-rows: 1fr;\n    }\n\n    .h-fieldset-content-wrapper {\n        min-height: 0;\n    }\n\n    .h-fieldset-content {\n        padding: dt('fieldset.content.padding');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './fieldset.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-fieldset h-component',\n        {\n            'h-fieldset-toggleable': instance.toggleable(),\n            'h-fieldset-collapsed': instance.collapsed() && instance.toggleable()\n        }\n    ],\n    legend: 'h-fieldset-legend',\n    legendLabel: 'h-fieldset-legend-label',\n    toggleButton: 'h-fieldset-toggle-button',\n    toggleIcon: 'h-fieldset-toggle-icon',\n    contentContainer: 'h-fieldset-content-container',\n    contentWrapper: 'h-fieldset-content-wrapper',\n    content: 'h-fieldset-content'\n};\n\n@Injectable()\nexport class FieldsetStyle extends BaseStyle {\n    name = 'fieldset';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Fieldset is a grouping component with the optional content toggle feature.\n *\n * [Live Demo](https://www.primeng.org/fieldset/)\n *\n * @module fieldsetstyle\n *\n */\nexport enum FieldsetClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-fieldset',\n    /**\n     * Class name of the legend element\n     */\n    legend = 'h-fieldset-legend',\n    /**\n     * Class name of the legend label element\n     */\n    legendLabel = 'h-fieldset-legend-label',\n    /**\n     * Class name of the toggle icon element\n     */\n    toggleIcon = 'h-fieldset-toggle-icon',\n    /**\n     * Class name of the content container element\n     */\n    contentContainer = 'h-fieldset-content-container',\n    /**\n     * Class name of the content wrapper element\n     */\n    contentWrapper = 'h-fieldset-content-wrapper',\n    /**\n     * Class name of the content element\n     */\n    content = 'h-fieldset-content'\n}\n\nexport interface FieldsetStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, ElementRef, inject, InjectionToken, input, Input, NgModule, TemplateRef, ViewEncapsulation, output, viewChild, contentChild, contentChildren, model } from '@angular/core';\nimport { MotionEvent, MotionOptions } from '@gravionlabs/helix-core/uix/motion';\nimport { uuid } from '@gravionlabs/helix-core/uix/utils';\nimport { BlockableUI, HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind, BindModule } from '@gravionlabs/helix-core/bind';\nimport { MinusIcon, PlusIcon } from '@gravionlabs/helix-core/icons';\nimport { MotionModule } from '@gravionlabs/helix-core/motion';\nimport type { FieldsetAfterToggleEvent, FieldsetBeforeToggleEvent, FieldsetPassThrough } from '@gravionlabs/helix-core/types/fieldset';\nimport { FieldsetStyle } from './style/fieldsetstyle';\n\nconst FIELDSET_INSTANCE = new InjectionToken<Fieldset>('FIELDSET_INSTANCE');\n\n/**\n * Fieldset is a grouping component with the optional content toggle feature.\n * @group Components\n */\n@Component({\n    selector: 'h-fieldset',\n    standalone: true,\n    imports: [CommonModule, MinusIcon, PlusIcon, SharedModule, BindModule, MotionModule],\n    templateUrl: './fieldset.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [FieldsetStyle, { provide: FIELDSET_INSTANCE, useExisting: Fieldset }, { provide: PARENT_INSTANCE, useExisting: Fieldset }],\n    hostDirectives: [Bind]\n})\nexport class Fieldset extends BaseComponent<FieldsetPassThrough> implements BlockableUI {\n    componentName = 'Fieldset';\n\n    $pcFieldset: Fieldset | undefined = inject(FIELDSET_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    _componentStyle = inject(FieldsetStyle);\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptm('host'));\n    }\n\n    get dataP() {\n        return this.cn({\n            toggleable: this.toggleable()\n        });\n    }\n\n    /**\n     * Header text of the fieldset.\n     * @group Props\n     */\n    readonly legend = input<string>();\n    /**\n     * When specified, content can toggled by clicking the legend.\n     * @group Props\n     * @defaultValue false\n     */\n    readonly toggleable = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    readonly style = input<{\n    [klass: string]: any;\n} | null>();\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * Transition options of the panel animation.\n     * @group Props\n     * @deprecated since v21.0.0, use `motionOptions` instead.\n     */\n    readonly transitionOptions = input<string>('400ms cubic-bezier(0.86, 0, 0.07, 1)');\n    /**\n     * The motion options.\n     * @group Props\n     */\n    motionOptions = input<MotionOptions | undefined>(undefined);\n\n    computedMotionOptions = computed<MotionOptions>(() => {\n        return {\n            ...this.ptm('motion'),\n            ...this.motionOptions()\n        };\n    });\n    /**\n     * Callback to invoke before panel toggle.\n     * @param {PanelBeforeToggleEvent} event - Custom toggle event\n     * @group Emits\n     */\n    readonly onBeforeToggle = output<FieldsetBeforeToggleEvent>();\n    /**\n     * Callback to invoke after panel toggle.\n     * @param {PanelAfterToggleEvent} event - Custom toggle event\n     * @group Emits\n     */\n    readonly onAfterToggle = output<FieldsetAfterToggleEvent>();\n\n    readonly contentWrapperViewChild = viewChild.required<ElementRef>('contentWrapper');\n\n    private _id: string = uuid('pn_id_');\n\n    get id() {\n        return this._id;\n    }\n\n    get buttonAriaLabel() {\n        return this.legend();\n    }\n\n    /**\n     * Defines the initial state of content, supports one or two-way binding as well.\n     * @group Props\n     */\n    readonly collapsed = model<boolean | undefined>(false);\n\n    /**\n     * Custom header template.\n     * @group Templates\n     */\n    readonly headerTemplate = contentChild<TemplateRef<void>>('header', { descendants: false });\n\n    /**\n     * Custom expand icon template.\n     * @group Templates\n     */\n    readonly expandIconTemplate = contentChild<TemplateRef<void>>('expandicon', { descendants: false });\n\n    /**\n     * Custom collapse icon template.\n     * @group Templates\n     */\n    readonly collapseIconTemplate = contentChild<TemplateRef<void>>('collapseicon', { descendants: false });\n\n    /**\n     * Custom content template.\n     * @group Templates\n     */\n    readonly contentTemplate = contentChild<TemplateRef<void>>('content', { descendants: false });\n\n    toggle(event: MouseEvent) {\n        this.onBeforeToggle.emit({ originalEvent: event, collapsed: this.collapsed() });\n\n        if (this.collapsed()) this.expand();\n        else this.collapse();\n\n        event.preventDefault();\n    }\n\n    onKeyDown(event) {\n        if (event.code === 'Enter' || event.code === 'Space') {\n            this.toggle(event);\n            event.preventDefault();\n        }\n    }\n\n    expand() {\n        this.collapsed.set(false);\n        this.updateTabIndex();\n    }\n\n    collapse() {\n        this.collapsed.set(true);\n        this.updateTabIndex();\n    }\n\n    getBlockableElement(): HTMLElement {\n        return this.el.nativeElement.children[0];\n    }\n\n    updateTabIndex() {\n        const contentWrapperViewChild = this.contentWrapperViewChild();\n        if (contentWrapperViewChild) {\n            const focusableElements = contentWrapperViewChild.nativeElement.querySelectorAll('input, button, select, a, textarea, [tabindex]');\n            focusableElements.forEach((element: HTMLElement) => {\n                if (this.collapsed()) {\n                    element.setAttribute('tabindex', '-1');\n                } else {\n                    element.removeAttribute('tabindex');\n                }\n            });\n        }\n    }\n\n    onToggleDone(event: MotionEvent) {\n        this.onAfterToggle.emit({ originalEvent: event as any, collapsed: this.collapsed() });\n    }\n\n    _headerTemplate: TemplateRef<void> | undefined;\n\n    _expandIconTemplate: TemplateRef<void> | undefined;\n\n    _collapseIconTemplate: TemplateRef<void> | undefined;\n\n    _contentTemplate: TemplateRef<void> | undefined;\n\n    readonly templates = contentChildren(HelixTemplate);\n\n    onAfterContentInit() {\n        this.templates().forEach((item) => {\n            switch (item.getType()) {\n                case 'header':\n                    this._headerTemplate = item.template;\n                    break;\n\n                case 'expandicon':\n                    this._expandIconTemplate = item.template;\n                    break;\n\n                case 'collapseicon':\n                    this._collapseIconTemplate = item.template;\n                    break;\n\n                case 'content':\n                    this._contentTemplate = item.template;\n                    break;\n            }\n        });\n    }\n}\n\n@NgModule({\n    imports: [Fieldset, SharedModule, BindModule],\n    exports: [Fieldset, SharedModule, BindModule]\n})\nexport class FieldsetModule {}\n","<fieldset [attr.id]=\"id\" [ngStyle]=\"style()\" [class]=\"cn(cx('root'), styleClass())\" [hBind]=\"ptm('root')\" [attr.data-h]=\"dataP\">\n  <legend [class]=\"cx('legend')\" [hBind]=\"ptm('legend')\" [attr.data-h]=\"dataP\">\n    @if (toggleable()) {\n      <button\n        [attr.id]=\"id + '_header'\"\n        tabindex=\"0\"\n        role=\"button\"\n        [attr.aria-controls]=\"id + '_content'\"\n        [attr.aria-expanded]=\"!collapsed()\"\n        [attr.aria-label]=\"buttonAriaLabel\"\n        (click)=\"toggle($event)\"\n        (keydown)=\"onKeyDown($event)\"\n        [class]=\"cx('toggleButton')\"\n        [hBind]=\"ptm('toggleButton')\"\n        >\n        @if (collapsed()) {\n          @if (!expandIconTemplate() && !_expandIconTemplate) {\n            <svg data-h-icon=\"plus\" [class]=\"cx('toggleIcon')\" [hBind]=\"ptm('toggleIcon')\" />\n          }\n          @if (expandIconTemplate() || _expandIconTemplate) {\n            <span [class]=\"cx('toggleIcon')\" [hBind]=\"ptm('toggleIcon')\">\n              <ng-container *ngTemplateOutlet=\"expandIconTemplate() || _expandIconTemplate\"></ng-container>\n            </span>\n          }\n        }\n        @if (!collapsed()) {\n          @if (!collapseIconTemplate() && !_collapseIconTemplate) {\n            <svg data-h-icon=\"minus\" [class]=\"cx('toggleIcon')\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleIcon')\" />\n          }\n          @if (collapseIconTemplate() || _collapseIconTemplate) {\n            <span [class]=\"cx('toggleIcon')\" [hBind]=\"ptm('toggleIcon')\">\n              <ng-container *ngTemplateOutlet=\"collapseIconTemplate() || _collapseIconTemplate\"></ng-container>\n            </span>\n          }\n        }\n        <ng-container *ngTemplateOutlet=\"legendContent\"></ng-container>\n      </button>\n    } @else {\n      <span [class]=\"cx('legendLabel')\" [hBind]=\"ptm('legendLabel')\">{{ legend() }}</span>\n      <ng-content select=\"h-header\"></ng-content>\n      <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate\"></ng-container>\n    }\n    <ng-template #legendContent>\n      <span [class]=\"cx('legendLabel')\" [hBind]=\"ptm('legendLabel')\">{{ legend() }}</span>\n      <ng-content select=\"h-header\"></ng-content>\n      <ng-container *ngTemplateOutlet=\"headerTemplate() || _headerTemplate\"></ng-container>\n    </ng-template>\n  </legend>\n  <div\n    [hBind]=\"ptm('contentContainer')\"\n    [hMotion]=\"!toggleable() || (toggleable() && !collapsed())\"\n    pMotionName=\"h-collapsible\"\n    [pMotionOptions]=\"computedMotionOptions()\"\n    [class]=\"cx('contentContainer')\"\n    [id]=\"id + '_content'\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"id + '_header'\"\n    [attr.aria-hidden]=\"collapsed()\"\n    [attr.tabindex]=\"collapsed() ? '-1' : undefined\"\n    (pMotionOnAfterEnter)=\"onToggleDone($event)\"\n    (pMotionOnAfterLeave)=\"onToggleDone($event)\"\n    >\n    <div [hBind]=\"ptm('contentWrapper')\" [class]=\"cx('contentWrapper')\">\n      <div [class]=\"cx('content')\" [hBind]=\"ptm('content')\" #contentWrapper>\n        <ng-content></ng-content>\n        <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate\"></ng-container>\n      </div>\n    </div>\n  </div>\n</fieldset>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}