@verbb/plugin-kit-web 2.0.14 → 2.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/dist/chunks/{decorate-W02hmVTt.js → decorate-R0X811qp.js} +13 -2
- package/dist/chunks/decorate-R0X811qp.js.map +1 -0
- package/dist/chunks/{pk-button-QpDDlRbG.js → pk-button-BWGDkuzc.js} +3 -4
- package/dist/chunks/{pk-button-QpDDlRbG.js.map → pk-button-BWGDkuzc.js.map} +1 -1
- package/dist/chunks/{pk-button-group-D9hqSfb_.js → pk-button-group-BSz5T5iS.js} +2 -3
- package/dist/chunks/pk-button-group-BSz5T5iS.js.map +1 -0
- package/dist/chunks/{pk-button-group-separator-DG0CYaqc.js → pk-button-group-separator-DH3Rl24b.js} +2 -3
- package/dist/chunks/pk-button-group-separator-DH3Rl24b.js.map +1 -0
- package/dist/chunks/{pk-button-group-text-C5z4P7ur.js → pk-button-group-text-Qro_KmZb.js} +2 -3
- package/dist/chunks/{pk-button-group-text-C5z4P7ur.js.map → pk-button-group-text-Qro_KmZb.js.map} +1 -1
- package/dist/chunks/{pk-calendar-CoUil0F7.js → pk-calendar-enTOUCRD.js} +2 -3
- package/dist/chunks/pk-calendar-enTOUCRD.js.map +1 -0
- package/dist/chunks/{pk-checkbox-Bavq3-9C.js → pk-checkbox-CvZwJZn_.js} +3 -4
- package/dist/chunks/pk-checkbox-CvZwJZn_.js.map +1 -0
- package/dist/chunks/{pk-checkbox-select-9lqd9Rwz.js → pk-checkbox-select-DclPoyDM.js} +3 -4
- package/dist/chunks/pk-checkbox-select-DclPoyDM.js.map +1 -0
- package/dist/chunks/{pk-code-editor-DSG6AwLV.js → pk-code-editor-CrKnJUyi.js} +3 -4
- package/dist/chunks/pk-code-editor-CrKnJUyi.js.map +1 -0
- package/dist/chunks/{pk-color-input-BCCXCZMA.js → pk-color-input-DXdqNCK7.js} +3 -4
- package/dist/chunks/pk-color-input-DXdqNCK7.js.map +1 -0
- package/dist/chunks/{pk-combobox-BqaSsLJb.js → pk-combobox-BLft8AXy.js} +4 -5
- package/dist/chunks/pk-combobox-BLft8AXy.js.map +1 -0
- package/dist/chunks/{pk-copy-button-CfeVuQ0r.js → pk-copy-button-asOLQkqk.js} +3 -4
- package/dist/chunks/pk-copy-button-asOLQkqk.js.map +1 -0
- package/dist/chunks/{pk-date-picker-BM4HMb4-.js → pk-date-picker-Bri3kZ6x.js} +5 -6
- package/dist/chunks/pk-date-picker-Bri3kZ6x.js.map +1 -0
- package/dist/chunks/{pk-dialog-Ck1InIBC.js → pk-dialog-BbEfvb0g.js} +2 -3
- package/dist/chunks/pk-dialog-BbEfvb0g.js.map +1 -0
- package/dist/chunks/{pk-dropdown-item-HcIUlFH1.js → pk-dropdown-item-BoZTGWMU.js} +2 -3
- package/dist/chunks/pk-dropdown-item-BoZTGWMU.js.map +1 -0
- package/dist/chunks/{pk-dropdown-label-DLgrmYND.js → pk-dropdown-label-Da28F917.js} +2 -3
- package/dist/chunks/{pk-dropdown-label-DLgrmYND.js.map → pk-dropdown-label-Da28F917.js.map} +1 -1
- package/dist/chunks/{pk-dropdown-menu-r5wgkvmZ.js → pk-dropdown-menu-CfZc7dIz.js} +4 -5
- package/dist/chunks/pk-dropdown-menu-CfZc7dIz.js.map +1 -0
- package/dist/chunks/{pk-editable-table-DMHGqZlQ.js → pk-editable-table-Cn4WXqAo.js} +16 -17
- package/dist/chunks/pk-editable-table-Cn4WXqAo.js.map +1 -0
- package/dist/chunks/{pk-field-JFP24j4o.js → pk-field-NL4KdFZC.js} +2 -3
- package/dist/chunks/pk-field-NL4KdFZC.js.map +1 -0
- package/dist/chunks/{pk-form-associated-element-DmZKgNPL.js → pk-form-associated-element-9M2NzOE2.js} +2 -2
- package/dist/chunks/{pk-form-associated-element-DmZKgNPL.js.map → pk-form-associated-element-9M2NzOE2.js.map} +1 -1
- package/dist/chunks/{pk-input-naIRPWGC.js → pk-input-DDkIXOkt.js} +3 -4
- package/dist/chunks/pk-input-DDkIXOkt.js.map +1 -0
- package/dist/chunks/{pk-input-group-CGHQKrt8.js → pk-input-group-CRPSBFhX.js} +2 -3
- package/dist/chunks/pk-input-group-CRPSBFhX.js.map +1 -0
- package/dist/chunks/{pk-input-group-addon-DXbNbsfY.js → pk-input-group-addon-B0StOmTJ.js} +2 -3
- package/dist/chunks/pk-input-group-addon-B0StOmTJ.js.map +1 -0
- package/dist/chunks/{pk-input-group-button-XOfVLqGO.js → pk-input-group-button-CnKajvsP.js} +2 -3
- package/dist/chunks/pk-input-group-button-CnKajvsP.js.map +1 -0
- package/dist/chunks/{pk-input-group-input-CSmR5vdY.js → pk-input-group-input-mllffsjQ.js} +2 -3
- package/dist/chunks/pk-input-group-input-mllffsjQ.js.map +1 -0
- package/dist/chunks/{pk-input-group-text-C6ekhtff.js → pk-input-group-text-DvaPJvh2.js} +2 -3
- package/dist/chunks/pk-input-group-text-DvaPJvh2.js.map +1 -0
- package/dist/chunks/{pk-input-group-textarea-DALr3pdU.js → pk-input-group-textarea-CqYv8tUQ.js} +2 -3
- package/dist/chunks/pk-input-group-textarea-CqYv8tUQ.js.map +1 -0
- package/dist/chunks/{pk-lightswitch-B-rLflNq.js → pk-lightswitch-DI1BeCmA.js} +3 -4
- package/dist/chunks/pk-lightswitch-DI1BeCmA.js.map +1 -0
- package/dist/chunks/{pk-option-Cy7oOcwF.js → pk-option-MGj9SKOK.js} +2 -3
- package/dist/chunks/pk-option-MGj9SKOK.js.map +1 -0
- package/dist/chunks/{pk-option-group-BAFSIZTa.js → pk-option-group-Cs6N7mlP.js} +2 -3
- package/dist/chunks/pk-option-group-Cs6N7mlP.js.map +1 -0
- package/dist/chunks/{pk-popover-G3ojheBD.js → pk-popover-duyNosk2.js} +3 -4
- package/dist/chunks/pk-popover-duyNosk2.js.map +1 -0
- package/dist/chunks/{pk-popup-CgiXok-U.js → pk-popup-B9AgBC2V.js} +2 -3
- package/dist/chunks/pk-popup-B9AgBC2V.js.map +1 -0
- package/dist/chunks/{pk-radio-CDfhOW8L.js → pk-radio-BK4D2Htu.js} +2 -3
- package/dist/chunks/pk-radio-BK4D2Htu.js.map +1 -0
- package/dist/chunks/{pk-radio-group-BazmLDvl.js → pk-radio-group-BRJIjOsR.js} +3 -4
- package/dist/chunks/pk-radio-group-BRJIjOsR.js.map +1 -0
- package/dist/chunks/{pk-scroll-area-BjU7-vZX.js → pk-scroll-area-BR6ckorh.js} +2 -3
- package/dist/chunks/pk-scroll-area-BR6ckorh.js.map +1 -0
- package/dist/chunks/{pk-select-BeMDXEC6.js → pk-select-C1s0OJr0.js} +4 -5
- package/dist/chunks/pk-select-C1s0OJr0.js.map +1 -0
- package/dist/chunks/{pk-separator-CLb9n0FK.js → pk-separator-CHij3vEG.js} +2 -3
- package/dist/chunks/pk-separator-CHij3vEG.js.map +1 -0
- package/dist/chunks/{pk-spinner-Blxd3SIH.js → pk-spinner-DweuYJ_Z.js} +2 -3
- package/dist/chunks/{pk-spinner-Blxd3SIH.js.map → pk-spinner-DweuYJ_Z.js.map} +1 -1
- package/dist/chunks/{pk-status-7_5dEuw-.js → pk-status-D1IzTSI2.js} +2 -3
- package/dist/chunks/{pk-status-7_5dEuw-.js.map → pk-status-D1IzTSI2.js.map} +1 -1
- package/dist/chunks/{pk-tab-f1OLMVXs.js → pk-tab-2MHunhlF.js} +3 -3
- package/dist/chunks/{pk-tab-f1OLMVXs.js.map → pk-tab-2MHunhlF.js.map} +1 -1
- package/dist/chunks/{pk-tab-heading-79ZuLhXi.js → pk-tab-heading-BV6m_sT-.js} +2 -3
- package/dist/chunks/pk-tab-heading-BV6m_sT-.js.map +1 -0
- package/dist/chunks/{pk-tab-panel-DdAbrOBF.js → pk-tab-panel-C6FxQw9q.js} +3 -3
- package/dist/chunks/{pk-tab-panel-DdAbrOBF.js.map → pk-tab-panel-C6FxQw9q.js.map} +1 -1
- package/dist/chunks/{pk-tabs-BhC5PAnO.js → pk-tabs-BTE63uK9.js} +2 -3
- package/dist/chunks/{pk-tabs-BhC5PAnO.js.map → pk-tabs-BTE63uK9.js.map} +1 -1
- package/dist/chunks/{pk-textarea-BEapC8Rk.js → pk-textarea-BcAyZYC-.js} +3 -4
- package/dist/chunks/pk-textarea-BcAyZYC-.js.map +1 -0
- package/dist/chunks/{pk-time-picker-RlAqlho4.js → pk-time-picker-5D4nmig2.js} +4 -5
- package/dist/chunks/{pk-time-picker-RlAqlho4.js.map → pk-time-picker-5D4nmig2.js.map} +1 -1
- package/dist/chunks/{pk-tiptap-content-zzx3-xrD.js → pk-tiptap-content-BPd4GO6c.js} +2 -3
- package/dist/chunks/pk-tiptap-content-BPd4GO6c.js.map +1 -0
- package/dist/chunks/{pk-tiptap-editor-DpT4TYdi.js → pk-tiptap-editor-tG67Vegc.js} +11 -12
- package/dist/chunks/pk-tiptap-editor-tG67Vegc.js.map +1 -0
- package/dist/chunks/{pk-tiptap-input-D7xj13FY.js → pk-tiptap-input-CtefNnaK.js} +3 -4
- package/dist/chunks/pk-tiptap-input-CtefNnaK.js.map +1 -0
- package/dist/chunks/{pk-toggle-5-GKVLye.js → pk-toggle-CW-lflrh.js} +2 -3
- package/dist/chunks/{pk-toggle-5-GKVLye.js.map → pk-toggle-CW-lflrh.js.map} +1 -1
- package/dist/chunks/{pk-toggle-group-CWDwYlgR.js → pk-toggle-group-BKymefo3.js} +2 -3
- package/dist/chunks/pk-toggle-group-BKymefo3.js.map +1 -0
- package/dist/chunks/{pk-tooltip-DAq-JZpg.js → pk-tooltip-BoDq8YVe.js} +3 -4
- package/dist/chunks/pk-tooltip-BoDq8YVe.js.map +1 -0
- package/dist/chunks/{register-DeqrQzRS.js → register-CQodpTWT.js} +50 -50
- package/dist/chunks/{register-DeqrQzRS.js.map → register-CQodpTWT.js.map} +1 -1
- package/dist/components/button/pk-button.js +1 -1
- package/dist/components/button-group/pk-button-group-separator.js +1 -1
- package/dist/components/button-group/pk-button-group-text.js +1 -1
- package/dist/components/button-group/pk-button-group.js +1 -1
- package/dist/components/button-group.js +3 -3
- package/dist/components/button.js +1 -1
- package/dist/components/calendar/pk-calendar.js +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/checkbox/pk-checkbox.js +1 -1
- package/dist/components/checkbox-select/pk-checkbox-select.js +1 -1
- package/dist/components/checkbox-select.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/code-editor/pk-code-editor.js +1 -1
- package/dist/components/code-editor.js +1 -1
- package/dist/components/color-input/pk-color-input.js +1 -1
- package/dist/components/color-input.js +1 -1
- package/dist/components/combobox/pk-combobox.js +1 -1
- package/dist/components/combobox.js +1 -1
- package/dist/components/connect/pk-connect-oauth.js +3 -4
- package/dist/components/connect/pk-connect-oauth.js.map +1 -1
- package/dist/components/connect/pk-connect.js +4 -5
- package/dist/components/connect/pk-connect.js.map +1 -1
- package/dist/components/copy-button/pk-copy-button.js +1 -1
- package/dist/components/copy-button.js +1 -1
- package/dist/components/date-picker/pk-date-picker.js +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/dialog/pk-dialog.js +1 -1
- package/dist/components/dialog.js +1 -1
- package/dist/components/dropdown-menu/pk-dropdown-item.js +1 -1
- package/dist/components/dropdown-menu/pk-dropdown-label.js +1 -1
- package/dist/components/dropdown-menu/pk-dropdown-menu.js +1 -1
- package/dist/components/dropdown-menu/pk-dropdown-separator.js +1 -2
- package/dist/components/dropdown-menu/pk-dropdown-separator.js.map +1 -1
- package/dist/components/dropdown-menu.js +3 -3
- package/dist/components/editable-table/pk-editable-table.js +1 -1
- package/dist/components/editable-table.js +1 -1
- package/dist/components/field/pk-field.js +1 -1
- package/dist/components/field.js +1 -1
- package/dist/components/icon/pk-icon.js +1 -2
- package/dist/components/icon/pk-icon.js.map +1 -1
- package/dist/components/input/pk-input.js +1 -1
- package/dist/components/input-group/pk-input-group-addon.js +1 -1
- package/dist/components/input-group/pk-input-group-button.js +1 -1
- package/dist/components/input-group/pk-input-group-input.js +1 -1
- package/dist/components/input-group/pk-input-group-text.js +1 -1
- package/dist/components/input-group/pk-input-group-textarea.js +1 -1
- package/dist/components/input-group/pk-input-group.js +1 -1
- package/dist/components/input-group.js +6 -6
- package/dist/components/input.js +1 -1
- package/dist/components/lightswitch/pk-lightswitch.js +1 -1
- package/dist/components/lightswitch.js +1 -1
- package/dist/components/popover/pk-popover.js +1 -1
- package/dist/components/popover.js +1 -1
- package/dist/components/popup/pk-popup.js +1 -1
- package/dist/components/popup.js +1 -1
- package/dist/components/radio-group/pk-radio-group.js +1 -1
- package/dist/components/radio-group/pk-radio.js +1 -1
- package/dist/components/radio-group.js +2 -2
- package/dist/components/scroll-area/pk-scroll-area.js +1 -1
- package/dist/components/scroll-area.js +1 -1
- package/dist/components/select/pk-option-group.js +1 -1
- package/dist/components/select/pk-option.js +1 -1
- package/dist/components/select/pk-select.js +1 -1
- package/dist/components/select.js +3 -3
- package/dist/components/separator/pk-separator.js +1 -1
- package/dist/components/separator.js +1 -1
- package/dist/components/spinner/pk-spinner.js +1 -1
- package/dist/components/spinner.js +1 -1
- package/dist/components/status/pk-status.js +1 -1
- package/dist/components/status.js +1 -1
- package/dist/components/tabs/pk-tab-heading.js +1 -1
- package/dist/components/tabs/pk-tab-panel.js +1 -1
- package/dist/components/tabs/pk-tab.js +1 -1
- package/dist/components/tabs/pk-tabs.js +1 -1
- package/dist/components/tabs.js +4 -4
- package/dist/components/textarea/pk-textarea.js +1 -1
- package/dist/components/textarea.js +1 -1
- package/dist/components/time-picker/pk-time-picker.js +1 -1
- package/dist/components/time-picker.js +1 -1
- package/dist/components/tiptap/pk-tiptap-content.js +1 -1
- package/dist/components/tiptap/pk-tiptap-editor.js +1 -1
- package/dist/components/tiptap/pk-tiptap-input.js +1 -1
- package/dist/components/tiptap-content.js +1 -1
- package/dist/components/tiptap-editor.js +1 -1
- package/dist/components/tiptap-input.js +1 -1
- package/dist/components/toggle/pk-toggle.js +1 -1
- package/dist/components/toggle-group/pk-toggle-group.js +1 -1
- package/dist/components/toggle-group.js +1 -1
- package/dist/components/toggle.js +1 -1
- package/dist/components/tooltip/pk-tooltip.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/connect/register-cp-connect.js +3 -3
- package/dist/decorators.d.ts +12 -0
- package/dist/decorators.d.ts.map +1 -0
- package/dist/index.js +52 -52
- package/dist/register.js +50 -50
- package/package.json +7 -7
- package/dist/chunks/decorate-W02hmVTt.js.map +0 -1
- package/dist/chunks/pk-button-group-D9hqSfb_.js.map +0 -1
- package/dist/chunks/pk-button-group-separator-DG0CYaqc.js.map +0 -1
- package/dist/chunks/pk-calendar-CoUil0F7.js.map +0 -1
- package/dist/chunks/pk-checkbox-Bavq3-9C.js.map +0 -1
- package/dist/chunks/pk-checkbox-select-9lqd9Rwz.js.map +0 -1
- package/dist/chunks/pk-code-editor-DSG6AwLV.js.map +0 -1
- package/dist/chunks/pk-color-input-BCCXCZMA.js.map +0 -1
- package/dist/chunks/pk-combobox-BqaSsLJb.js.map +0 -1
- package/dist/chunks/pk-copy-button-CfeVuQ0r.js.map +0 -1
- package/dist/chunks/pk-date-picker-BM4HMb4-.js.map +0 -1
- package/dist/chunks/pk-dialog-Ck1InIBC.js.map +0 -1
- package/dist/chunks/pk-dropdown-item-HcIUlFH1.js.map +0 -1
- package/dist/chunks/pk-dropdown-menu-r5wgkvmZ.js.map +0 -1
- package/dist/chunks/pk-editable-table-DMHGqZlQ.js.map +0 -1
- package/dist/chunks/pk-field-JFP24j4o.js.map +0 -1
- package/dist/chunks/pk-input-group-CGHQKrt8.js.map +0 -1
- package/dist/chunks/pk-input-group-addon-DXbNbsfY.js.map +0 -1
- package/dist/chunks/pk-input-group-button-XOfVLqGO.js.map +0 -1
- package/dist/chunks/pk-input-group-input-CSmR5vdY.js.map +0 -1
- package/dist/chunks/pk-input-group-text-C6ekhtff.js.map +0 -1
- package/dist/chunks/pk-input-group-textarea-DALr3pdU.js.map +0 -1
- package/dist/chunks/pk-input-naIRPWGC.js.map +0 -1
- package/dist/chunks/pk-lightswitch-B-rLflNq.js.map +0 -1
- package/dist/chunks/pk-option-Cy7oOcwF.js.map +0 -1
- package/dist/chunks/pk-option-group-BAFSIZTa.js.map +0 -1
- package/dist/chunks/pk-popover-G3ojheBD.js.map +0 -1
- package/dist/chunks/pk-popup-CgiXok-U.js.map +0 -1
- package/dist/chunks/pk-radio-CDfhOW8L.js.map +0 -1
- package/dist/chunks/pk-radio-group-BazmLDvl.js.map +0 -1
- package/dist/chunks/pk-scroll-area-BjU7-vZX.js.map +0 -1
- package/dist/chunks/pk-select-BeMDXEC6.js.map +0 -1
- package/dist/chunks/pk-separator-CLb9n0FK.js.map +0 -1
- package/dist/chunks/pk-tab-heading-79ZuLhXi.js.map +0 -1
- package/dist/chunks/pk-textarea-BEapC8Rk.js.map +0 -1
- package/dist/chunks/pk-tiptap-content-zzx3-xrD.js.map +0 -1
- package/dist/chunks/pk-tiptap-editor-DpT4TYdi.js.map +0 -1
- package/dist/chunks/pk-tiptap-input-D7xj13FY.js.map +0 -1
- package/dist/chunks/pk-toggle-group-CWDwYlgR.js.map +0 -1
- package/dist/chunks/pk-tooltip-DAq-JZpg.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pk-tiptap-input-CtefNnaK.js","names":[],"sources":["../../src/components/tiptap/pk-tiptap-input.styles.ts","../../src/components/tiptap/pk-tiptap-input.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkTiptapInputStyles = css`\n @layer pk-component {\n :host {\n display: block;\n width: 100%;\n font-family: var(--pk-font-family);\n font-size: var(--pk-font-size-base);\n line-height: 1.4;\n }\n\n /* Same chrome as pk-input .input — border/radius live on the shell. */\n .shell {\n box-sizing: border-box;\n border: var(--pk-input-border);\n border-radius: var(--pk-input-border-radius, var(--pk-radius-sm));\n background: var(--pk-input-bg);\n overflow: hidden;\n }\n\n :host([invalid]) .shell,\n :host(:state(user-invalid)) .shell {\n border-color: var(--pk-color-rose-600);\n }\n\n /* Editable-table cells (v1): flush TipTap shell — chips sit in the row, not a boxed field. */\n :host([fit-cell]),\n :host([data-editable-table-input]) {\n display: block;\n height: 100%;\n min-height: 100%;\n box-sizing: border-box;\n }\n\n :host([fit-cell]) .shell,\n :host([data-editable-table-input]) .shell {\n border: none;\n border-radius: 0;\n background: transparent;\n box-shadow: none;\n height: 100%;\n min-height: 100%;\n }\n\n /* Read-only display (lists, picker cards): v1 skipped input chrome when readOnly. */\n :host([readonly]) .shell {\n border: none;\n border-radius: 0;\n background: transparent;\n box-shadow: none;\n overflow: visible;\n }\n\n :host([fit-cell][invalid]) .shell,\n :host([fit-cell]:state(user-invalid)) .shell,\n :host([data-editable-table-input][invalid]) .shell,\n :host([data-editable-table-input]:state(user-invalid)) .shell {\n border: none;\n box-shadow: inset 0 0 0 1px var(--pk-color-rose-600);\n }\n\n .editor-mount {\n display: block;\n min-width: 0;\n }\n\n .mirror-input {\n display: none;\n }\n }\n`;\n","import { html } from 'lit';\nimport { customElement, property, query, state } from '../../decorators.js';\nimport type { PropertyValues } from 'lit';\nimport {\n contentToValue,\n createTiptapInputExtensions,\n dedupeVariableOptions,\n flattenVariableOptions,\n inputValueToContent,\n type VariableOption,\n} from '@verbb/plugin-kit-tiptap-core';\nimport { Editor } from '@tiptap/core';\n\nimport { formControlStyles } from '../../base/form-control.styles.js';\nimport { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';\nimport { MirrorValidator } from '../../validators/index.js';\nimport { createVariableTagDomNodeView } from './variable-tag-node-view.js';\nimport { pkTiptapInputStyles } from './pk-tiptap-input.styles.js';\nimport { tiptapInputProseMirrorStyles } from './tiptap.styles.js';\n\n/** Category map keyed like Formie / kit v1 (`fieldsVariables`, `formVariables`, …). */\nexport type PkTiptapVariableCategories = Record<string, VariableOption[]>;\n\n@customElement('pk-tiptap-input')\nexport class PkTiptapInput extends PkFormAssociatedElement {\n // Compact input chrome only — do not pull in editor `tiptapProseMirrorStyles`\n // (padding: 1rem) or single-line fields look massively padded.\n static override styles = [formControlStyles, pkTiptapInputStyles, tiptapInputProseMirrorStyles];\n\n static override get validators() {\n return [...super.validators, MirrorValidator()];\n }\n\n override assumeInteractionOn = ['blur', 'input'];\n\n @query('.editor-mount')\n private editorMount!: HTMLDivElement;\n\n @query('.mirror-input')\n override input!: HTMLInputElement;\n\n private editor: Editor | null = null;\n\n private lastEmitted: string | null = null;\n\n /** Avoid setContent → onUpdate → pk-change loops with controlled React values. */\n private suppressUpdateEmission = false;\n\n private _value: string | null = null;\n\n /**\n * Variable options used to resolve chip labels when hydrating from `{token}` strings.\n * Without this, saved field tokens fall back to UID title-casing after reload.\n */\n @property({ attribute: false })\n variableCategories: PkTiptapVariableCategories = {};\n\n /**\n * Formie / React configure bridge — called when a chip is activated for editing.\n * Prefer this over listening for `pk-variable-tag-configure` from React.\n */\n @property({ attribute: false })\n variableTagConfigure: ((detail: import('./variable-tag-node-view.js').PkVariableTagConfigureDetail) => void) | null = null;\n\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /** Flush + fill parent cell (editable tables). */\n @property({ type: Boolean, reflect: true, attribute: 'fit-cell' })\n fitCell = false;\n\n get value(): string {\n if (this.valueHasChanged) {\n return this._value ?? '';\n }\n\n return this._value ?? this.defaultValue ?? '';\n }\n\n @state()\n set value(val: string | null) {\n const next = val ?? '';\n\n if (this._value === next) {\n return;\n }\n\n this.valueHasChanged = true;\n this._value = next;\n }\n\n @property({ attribute: 'value', reflect: true })\n defaultValue: string | null = '';\n\n get editorInstance() {\n return this.editor;\n }\n\n private resolveVariableLists(): {\n topLevel: VariableOption[];\n all: VariableOption[];\n } {\n const topLevel = dedupeVariableOptions(\n Object.values(this.variableCategories ?? {}).flatMap((items) => {\n return Array.isArray(items) ? items : [];\n }),\n );\n\n return {\n topLevel,\n all: flattenVariableOptions(topLevel),\n };\n }\n\n private resolveEditorContent() {\n const { topLevel, all } = this.resolveVariableLists();\n return inputValueToContent(this.value, topLevel, all);\n }\n\n protected override syncFormValue(): void {\n this.setValue(this.value || '');\n\n if (this.input) {\n this.input.value = this.value || '';\n }\n }\n\n protected override resetToDefaultValue(): void {\n this.valueHasChanged = false;\n this._value = null;\n this.syncEditorContent(true);\n }\n\n protected override restoreFormState(state: string | File | FormData | null): void {\n if (typeof state === 'string') {\n this.value = state;\n this.syncEditorContent(true);\n }\n }\n\n override disconnectedCallback(): void {\n this.editor?.destroy();\n this.editor = null;\n super.disconnectedCallback();\n }\n\n override updated(changed: PropertyValues): void {\n if (changed.has('value') && !changed.has('defaultValue')) {\n this.syncEditorContent();\n }\n\n if (changed.has('defaultValue') && !this.valueHasChanged) {\n this.syncEditorContent();\n }\n\n // Categories often arrive with the field after first paint — re-hydrate labels.\n if (changed.has('variableCategories') && this.editor) {\n this.syncEditorContent(true);\n }\n\n if (changed.has('disabled') || changed.has('readonly')) {\n this.editor?.setEditable(!this.disabled && !this.readonly);\n }\n\n super.updated(changed);\n }\n\n override firstUpdated(): void {\n this.mountEditor();\n this.syncFormValue();\n }\n\n private mountEditor(): void {\n const content = this.resolveEditorContent();\n\n this.editor = new Editor({\n element: this.editorMount,\n extensions: createTiptapInputExtensions({\n variableTagNodeView: createVariableTagDomNodeView(),\n }),\n content,\n editable: !this.disabled && !this.readonly,\n onUpdate: ({ editor }) => {\n const nextValue = contentToValue(editor.getJSON().content);\n this.lastEmitted = nextValue;\n\n if (this.suppressUpdateEmission) {\n return;\n }\n\n this.value = nextValue;\n\n if (this.input) {\n this.input.value = nextValue;\n }\n\n this.syncFormValue();\n this.emitValueChange(nextValue);\n },\n });\n }\n\n private syncEditorContent(force = false): void {\n if (!this.editor) {\n return;\n }\n\n if (!force && !this.readonly && this.editor.isFocused) {\n return;\n }\n\n const nextContent = this.resolveEditorContent();\n const currentContent = this.editor.getJSON();\n\n if (JSON.stringify(nextContent) === JSON.stringify(currentContent)) {\n return;\n }\n\n // Same token string with newly available categories still needs a force remount\n // so chip labels upgrade from UID fallback → option labels.\n if (!force && this.lastEmitted === this.value) {\n return;\n }\n\n this.suppressUpdateEmission = true;\n try {\n this.editor.commands.setContent(nextContent ?? { type: 'doc', content: [] });\n } finally {\n this.suppressUpdateEmission = false;\n }\n }\n\n private emitValueChange(value: string): void {\n this.dispatchEvent(new CustomEvent('pk-change', {\n detail: { value },\n bubbles: true,\n composed: true,\n }));\n this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n }\n\n override render() {\n return html`\n <div class=\"shell\" part=\"shell\">\n <div class=\"editor-mount\" part=\"editor\"></div>\n <input class=\"mirror-input\" type=\"text\" .value=${this.value} readonly tabindex=\"-1\" aria-hidden=\"true\" />\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'pk-tiptap-input': PkTiptapInput;\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { n as PkElement, t as __decorate } from "./decorate-
|
|
1
|
+
import { i as property, n as PkElement, s as customElement, t as __decorate } from "./decorate-R0X811qp.js";
|
|
2
2
|
import { i as buttonGroupIndentStyles, n as buttonGroupCornerRadiusStyles, r as buttonGroupCornerRoleStyles, t as buttonGroupBorderJoinStyles } from "./button-group-item.styles-DYmBR28a.js";
|
|
3
3
|
import { css, html, nothing } from "lit";
|
|
4
|
-
import { customElement, property } from "lit/decorators.js";
|
|
5
4
|
//#region src/components/toggle/pk-toggle.styles.ts
|
|
6
5
|
var pkToggleStyles = [
|
|
7
6
|
buttonGroupCornerRoleStyles(),
|
|
@@ -253,4 +252,4 @@ PkToggle = __decorate([customElement("pk-toggle")], PkToggle);
|
|
|
253
252
|
//#endregion
|
|
254
253
|
export { PkToggle as t };
|
|
255
254
|
|
|
256
|
-
//# sourceMappingURL=pk-toggle-
|
|
255
|
+
//# sourceMappingURL=pk-toggle-CW-lflrh.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pk-toggle-5-GKVLye.js","names":[],"sources":["../../src/components/toggle/pk-toggle.styles.ts","../../src/components/toggle/pk-toggle.ts"],"sourcesContent":["import { css } from 'lit';\n\nimport {\n buttonGroupBorderJoinStyles,\n buttonGroupCornerRadiusStyles,\n buttonGroupCornerRoleStyles,\n buttonGroupIndentStyles,\n} from '../button-group/button-group-item.styles.js';\n\nexport const pkToggleStyles = [\n buttonGroupCornerRoleStyles(),\n buttonGroupCornerRadiusStyles('.button'),\n buttonGroupIndentStyles(),\n buttonGroupBorderJoinStyles('.button'),\n css`\n @layer pk-component {\n :host {\n display: inline-flex;\n vertical-align: middle;\n font-family: var(--pk-font-family);\n font-size: var(--pk-font-size-base);\n line-height: var(--pk-line-height);\n }\n\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.25rem;\n min-width: 2rem;\n height: 2rem;\n margin: 0;\n padding: 0 0.5rem;\n border: 0;\n border-radius: var(--pk-radius-lg);\n background: transparent;\n color: inherit;\n font: inherit;\n line-height: 1.4;\n white-space: nowrap;\n cursor: pointer;\n user-select: none;\n appearance: none;\n transition: background-color 0.12s ease, box-shadow 0.12s ease;\n }\n\n .button:focus {\n outline: none;\n }\n\n .button:focus-visible {\n box-shadow: var(--pk-shadow-focus);\n }\n\n .button[aria-pressed='true'],\n .button[data-state='on'] {\n background: var(--pk-color-slate-250);\n }\n\n .button:hover:not(:disabled) {\n background: var(--pk-color-slate-250);\n }\n\n .button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n pointer-events: none;\n }\n\n :host([variant='outline']) .button {\n border: 1px solid var(--pk-color-slate-300);\n background: transparent;\n color: var(--pk-color-gray-700);\n }\n\n :host([variant='outline']) .button:hover:not(:disabled),\n :host([variant='outline']) .button[aria-pressed='true'],\n :host([variant='outline']) .button[data-state='on'],\n :host([variant='outline'][pressed]) .button {\n background: var(--pk-color-slate-250);\n }\n\n :host([size='sm']) .button {\n min-width: 1.75rem;\n height: 1.75rem;\n padding-inline: 0.375rem;\n font-size: 0.8rem;\n border-radius: min(var(--pk-radius-md), 12px);\n }\n\n :host([size='lg']) .button {\n min-width: 2.25rem;\n height: 2.25rem;\n padding-inline: 0.625rem;\n }\n\n .button ::slotted(svg) {\n width: 1rem;\n height: 1rem;\n flex-shrink: 0;\n pointer-events: none;\n }\n\n :host([data-pk-group-join]) .button:focus-visible {\n z-index: 1;\n position: relative;\n }\n\n :host([data-pk-group-join][size='sm'][data-pk-group-item-first][data-pk-group-orientation='horizontal']) .button {\n border-top-left-radius: min(var(--pk-radius-md), 12px);\n border-bottom-left-radius: min(var(--pk-radius-md), 12px);\n }\n\n :host([data-pk-group-join][size='sm'][data-pk-group-item-last][data-pk-group-orientation='horizontal']) .button {\n border-top-right-radius: min(var(--pk-radius-md), 12px);\n border-bottom-right-radius: min(var(--pk-radius-md), 12px);\n }\n\n :host([data-pk-group-join][size='sm'][data-pk-group-item-first][data-pk-group-orientation='vertical']) .button {\n border-top-left-radius: min(var(--pk-radius-md), 12px);\n border-top-right-radius: min(var(--pk-radius-md), 12px);\n }\n\n :host([data-pk-group-join][size='sm'][data-pk-group-item-last][data-pk-group-orientation='vertical']) .button {\n border-bottom-left-radius: min(var(--pk-radius-md), 12px);\n border-bottom-right-radius: min(var(--pk-radius-md), 12px);\n }\n\n :host([data-tg-orientation='vertical']) {\n display: block;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n :host([data-tg-orientation='vertical']) .button {\n width: 100%;\n box-sizing: border-box;\n }\n\n :host([data-pk-group-orientation='vertical']) {\n display: block;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n :host([data-pk-group-orientation='vertical']) .button {\n width: 100%;\n box-sizing: border-box;\n }\n\n :host-context(pk-button-group[exclusive]):host([pressed]) .button:focus-visible {\n box-shadow: var(--pk-shadow-focus-outset, var(--pk-shadow-focus));\n }\n\n :host-context(pk-button-group[exclusive]):host([variant='outline']:not([pressed])) .button {\n background: var(--pk-action-fill);\n border-color: transparent;\n }\n\n :host-context(pk-button-group[exclusive]):host([variant='outline'][pressed]) .button {\n border-color: transparent;\n }\n\n :host-context(pk-button-group[exclusive]):host([variant='outline']) .button {\n border-radius: 0;\n }\n\n :host-context(pk-button-group[orientation='vertical']) {\n display: block;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n :host-context(pk-button-group[orientation='vertical']) .button {\n width: 100%;\n box-sizing: border-box;\n }\n }\n `,\n /* Unlayered — must beat buttonGroupBorderJoinStyles for outer edge on first joined outline item. */\n css`\n :host([data-pk-group-join][data-pk-group-item-first][data-pk-group-orientation='horizontal'][variant='outline']) .button {\n border-left: 1px solid var(--pk-color-slate-300);\n }\n\n :host([data-pk-group-join][data-pk-group-item-first][data-pk-group-orientation='vertical'][variant='outline']) .button {\n border-top: 1px solid var(--pk-color-slate-300);\n }\n `,\n];\n","import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { pkToggleStyles } from './pk-toggle.styles.js';\n\nexport type PkToggleVariant = 'default' | 'outline';\nexport type PkToggleSize = 'default' | 'sm' | 'lg';\n\n/**\n * Two-state toggle button.\n *\n * @slot - Button label or icon content\n *\n * @csspart base - Toggle button element\n */\n@customElement('pk-toggle')\nexport class PkToggle extends PkElement {\n static override shadowRootOptions: ShadowRootInit = {\n mode: 'open',\n delegatesFocus: true,\n };\n\n static override styles = pkToggleStyles;\n\n @property({ type: Boolean, reflect: true })\n pressed = false;\n\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @property({ reflect: true })\n variant: PkToggleVariant = 'default';\n\n @property({ reflect: true })\n size: PkToggleSize = 'default';\n\n @property({ attribute: 'data-value' })\n value = '';\n\n @property({ attribute: 'aria-label' })\n ariaLabel: string | null = null;\n\n private handleClick(): void {\n if (this.disabled || this.closest('pk-toggle-group')) {\n return;\n }\n\n this.pressed = !this.pressed;\n\n this.dispatchEvent(new CustomEvent('pk-pressed-change', {\n detail: { pressed: this.pressed },\n bubbles: true,\n composed: true,\n }));\n\n this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n }\n\n override render() {\n return html`\n <button\n part=\"base\"\n class=\"button\"\n type=\"button\"\n ?disabled=${this.disabled}\n aria-pressed=${this.pressed ? 'true' : 'false'}\n aria-label=${this.ariaLabel ?? nothing}\n data-state=${this.pressed ? 'on' : 'off'}\n @click=${this.handleClick}\n >\n <slot></slot>\n </button>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'pk-toggle': PkToggle;\n }\n}\n"],"mappings":";;;;;AASA,IAAa,iBAAiB;CAC1B,6BAA6B;CAC7B,8BAA8B,UAAU;CACxC,yBAAyB;CACzB,4BAA4B,UAAU;CACtC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKH,GAAG;;;;;;;;;CASN;;;AC/KM,IAAA,WAAA,MAAM,iBAAiB,UAAU;;;iBAS1B;kBAGC;iBAGgB;cAGN;eAGb;mBAGmB;;;2BAvByB;GAChD,MAAM;GACN,gBAAgB;GACnB;;;gBAEwB;;CAoBzB,cAA4B;AACxB,MAAI,KAAK,YAAY,KAAK,QAAQ,kBAAkB,CAChD;AAGJ,OAAK,UAAU,CAAC,KAAK;AAErB,OAAK,cAAc,IAAI,YAAY,qBAAqB;GACpD,QAAQ,EAAE,SAAS,KAAK,SAAS;GACjC,SAAS;GACT,UAAU;GACb,CAAC,CAAC;AAEH,OAAK,cAAc,IAAI,MAAM,UAAU;GAAE,SAAS;GAAM,UAAU;GAAM,CAAC,CAAC;;CAG9E,SAAkB;AACd,SAAO,IAAI;;;;;4BAKS,KAAK,SAAS;+BACX,KAAK,UAAU,SAAS,QAAQ;6BAClC,KAAK,aAAa,QAAQ;6BAC1B,KAAK,UAAU,OAAO,MAAM;yBAChC,KAAK,YAAY;;;;;;;YA5CrC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,SAAA,WAAA,WAAA,KAAA,EAAA;YAG1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,SAAA,WAAA,YAAA,KAAA,EAAA;YAG1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,SAAA,WAAA,WAAA,KAAA,EAAA;YAG3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,SAAA,WAAA,QAAA,KAAA,EAAA;YAG3B,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,SAAA,WAAA,SAAA,KAAA,EAAA;YAGrC,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,SAAA,WAAA,aAAA,KAAA,EAAA;uBAxBzC,cAAc,YAAY,CAAA,EAAA,SAAA"}
|
|
1
|
+
{"version":3,"file":"pk-toggle-CW-lflrh.js","names":[],"sources":["../../src/components/toggle/pk-toggle.styles.ts","../../src/components/toggle/pk-toggle.ts"],"sourcesContent":["import { css } from 'lit';\n\nimport {\n buttonGroupBorderJoinStyles,\n buttonGroupCornerRadiusStyles,\n buttonGroupCornerRoleStyles,\n buttonGroupIndentStyles,\n} from '../button-group/button-group-item.styles.js';\n\nexport const pkToggleStyles = [\n buttonGroupCornerRoleStyles(),\n buttonGroupCornerRadiusStyles('.button'),\n buttonGroupIndentStyles(),\n buttonGroupBorderJoinStyles('.button'),\n css`\n @layer pk-component {\n :host {\n display: inline-flex;\n vertical-align: middle;\n font-family: var(--pk-font-family);\n font-size: var(--pk-font-size-base);\n line-height: var(--pk-line-height);\n }\n\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.25rem;\n min-width: 2rem;\n height: 2rem;\n margin: 0;\n padding: 0 0.5rem;\n border: 0;\n border-radius: var(--pk-radius-lg);\n background: transparent;\n color: inherit;\n font: inherit;\n line-height: 1.4;\n white-space: nowrap;\n cursor: pointer;\n user-select: none;\n appearance: none;\n transition: background-color 0.12s ease, box-shadow 0.12s ease;\n }\n\n .button:focus {\n outline: none;\n }\n\n .button:focus-visible {\n box-shadow: var(--pk-shadow-focus);\n }\n\n .button[aria-pressed='true'],\n .button[data-state='on'] {\n background: var(--pk-color-slate-250);\n }\n\n .button:hover:not(:disabled) {\n background: var(--pk-color-slate-250);\n }\n\n .button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n pointer-events: none;\n }\n\n :host([variant='outline']) .button {\n border: 1px solid var(--pk-color-slate-300);\n background: transparent;\n color: var(--pk-color-gray-700);\n }\n\n :host([variant='outline']) .button:hover:not(:disabled),\n :host([variant='outline']) .button[aria-pressed='true'],\n :host([variant='outline']) .button[data-state='on'],\n :host([variant='outline'][pressed]) .button {\n background: var(--pk-color-slate-250);\n }\n\n :host([size='sm']) .button {\n min-width: 1.75rem;\n height: 1.75rem;\n padding-inline: 0.375rem;\n font-size: 0.8rem;\n border-radius: min(var(--pk-radius-md), 12px);\n }\n\n :host([size='lg']) .button {\n min-width: 2.25rem;\n height: 2.25rem;\n padding-inline: 0.625rem;\n }\n\n .button ::slotted(svg) {\n width: 1rem;\n height: 1rem;\n flex-shrink: 0;\n pointer-events: none;\n }\n\n :host([data-pk-group-join]) .button:focus-visible {\n z-index: 1;\n position: relative;\n }\n\n :host([data-pk-group-join][size='sm'][data-pk-group-item-first][data-pk-group-orientation='horizontal']) .button {\n border-top-left-radius: min(var(--pk-radius-md), 12px);\n border-bottom-left-radius: min(var(--pk-radius-md), 12px);\n }\n\n :host([data-pk-group-join][size='sm'][data-pk-group-item-last][data-pk-group-orientation='horizontal']) .button {\n border-top-right-radius: min(var(--pk-radius-md), 12px);\n border-bottom-right-radius: min(var(--pk-radius-md), 12px);\n }\n\n :host([data-pk-group-join][size='sm'][data-pk-group-item-first][data-pk-group-orientation='vertical']) .button {\n border-top-left-radius: min(var(--pk-radius-md), 12px);\n border-top-right-radius: min(var(--pk-radius-md), 12px);\n }\n\n :host([data-pk-group-join][size='sm'][data-pk-group-item-last][data-pk-group-orientation='vertical']) .button {\n border-bottom-left-radius: min(var(--pk-radius-md), 12px);\n border-bottom-right-radius: min(var(--pk-radius-md), 12px);\n }\n\n :host([data-tg-orientation='vertical']) {\n display: block;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n :host([data-tg-orientation='vertical']) .button {\n width: 100%;\n box-sizing: border-box;\n }\n\n :host([data-pk-group-orientation='vertical']) {\n display: block;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n :host([data-pk-group-orientation='vertical']) .button {\n width: 100%;\n box-sizing: border-box;\n }\n\n :host-context(pk-button-group[exclusive]):host([pressed]) .button:focus-visible {\n box-shadow: var(--pk-shadow-focus-outset, var(--pk-shadow-focus));\n }\n\n :host-context(pk-button-group[exclusive]):host([variant='outline']:not([pressed])) .button {\n background: var(--pk-action-fill);\n border-color: transparent;\n }\n\n :host-context(pk-button-group[exclusive]):host([variant='outline'][pressed]) .button {\n border-color: transparent;\n }\n\n :host-context(pk-button-group[exclusive]):host([variant='outline']) .button {\n border-radius: 0;\n }\n\n :host-context(pk-button-group[orientation='vertical']) {\n display: block;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n :host-context(pk-button-group[orientation='vertical']) .button {\n width: 100%;\n box-sizing: border-box;\n }\n }\n `,\n /* Unlayered — must beat buttonGroupBorderJoinStyles for outer edge on first joined outline item. */\n css`\n :host([data-pk-group-join][data-pk-group-item-first][data-pk-group-orientation='horizontal'][variant='outline']) .button {\n border-left: 1px solid var(--pk-color-slate-300);\n }\n\n :host([data-pk-group-join][data-pk-group-item-first][data-pk-group-orientation='vertical'][variant='outline']) .button {\n border-top: 1px solid var(--pk-color-slate-300);\n }\n `,\n];\n","import { html, nothing } from 'lit';\nimport { customElement, property } from '../../decorators.js';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { pkToggleStyles } from './pk-toggle.styles.js';\n\nexport type PkToggleVariant = 'default' | 'outline';\nexport type PkToggleSize = 'default' | 'sm' | 'lg';\n\n/**\n * Two-state toggle button.\n *\n * @slot - Button label or icon content\n *\n * @csspart base - Toggle button element\n */\n@customElement('pk-toggle')\nexport class PkToggle extends PkElement {\n static override shadowRootOptions: ShadowRootInit = {\n mode: 'open',\n delegatesFocus: true,\n };\n\n static override styles = pkToggleStyles;\n\n @property({ type: Boolean, reflect: true })\n pressed = false;\n\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @property({ reflect: true })\n variant: PkToggleVariant = 'default';\n\n @property({ reflect: true })\n size: PkToggleSize = 'default';\n\n @property({ attribute: 'data-value' })\n value = '';\n\n @property({ attribute: 'aria-label' })\n ariaLabel: string | null = null;\n\n private handleClick(): void {\n if (this.disabled || this.closest('pk-toggle-group')) {\n return;\n }\n\n this.pressed = !this.pressed;\n\n this.dispatchEvent(new CustomEvent('pk-pressed-change', {\n detail: { pressed: this.pressed },\n bubbles: true,\n composed: true,\n }));\n\n this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n }\n\n override render() {\n return html`\n <button\n part=\"base\"\n class=\"button\"\n type=\"button\"\n ?disabled=${this.disabled}\n aria-pressed=${this.pressed ? 'true' : 'false'}\n aria-label=${this.ariaLabel ?? nothing}\n data-state=${this.pressed ? 'on' : 'off'}\n @click=${this.handleClick}\n >\n <slot></slot>\n </button>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'pk-toggle': PkToggle;\n }\n}\n"],"mappings":";;;;AASA,IAAa,iBAAiB;CAC1B,6BAA6B;CAC7B,8BAA8B,UAAU;CACxC,yBAAyB;CACzB,4BAA4B,UAAU;CACtC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKH,GAAG;;;;;;;;;CASN;;;AC/KM,IAAA,WAAA,MAAM,iBAAiB,UAAU;;;iBAS1B;kBAGC;iBAGgB;cAGN;eAGb;mBAGmB;;;2BAvByB;GAChD,MAAM;GACN,gBAAgB;GACnB;;;gBAEwB;;CAoBzB,cAA4B;AACxB,MAAI,KAAK,YAAY,KAAK,QAAQ,kBAAkB,CAChD;AAGJ,OAAK,UAAU,CAAC,KAAK;AAErB,OAAK,cAAc,IAAI,YAAY,qBAAqB;GACpD,QAAQ,EAAE,SAAS,KAAK,SAAS;GACjC,SAAS;GACT,UAAU;GACb,CAAC,CAAC;AAEH,OAAK,cAAc,IAAI,MAAM,UAAU;GAAE,SAAS;GAAM,UAAU;GAAM,CAAC,CAAC;;CAG9E,SAAkB;AACd,SAAO,IAAI;;;;;4BAKS,KAAK,SAAS;+BACX,KAAK,UAAU,SAAS,QAAQ;6BAClC,KAAK,aAAa,QAAQ;6BAC1B,KAAK,UAAU,OAAO,MAAM;yBAChC,KAAK,YAAY;;;;;;;YA5CrC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,SAAA,WAAA,WAAA,KAAA,EAAA;YAG1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,SAAA,WAAA,YAAA,KAAA,EAAA;YAG1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,SAAA,WAAA,WAAA,KAAA,EAAA;YAG3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,SAAA,WAAA,QAAA,KAAA,EAAA;YAG3B,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,SAAA,WAAA,SAAA,KAAA,EAAA;YAGrC,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,SAAA,WAAA,aAAA,KAAA,EAAA;uBAxBzC,cAAc,YAAY,CAAA,EAAA,SAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { n as PkElement, t as __decorate } from "./decorate-
|
|
1
|
+
import { i as property, n as PkElement, o as state, s as customElement, t as __decorate } from "./decorate-R0X811qp.js";
|
|
2
2
|
import { css, html } from "lit";
|
|
3
|
-
import { customElement, property, state } from "lit/decorators.js";
|
|
4
3
|
//#region src/components/toggle-group/pk-toggle-group.styles.ts
|
|
5
4
|
var pkToggleGroupStyles = css`
|
|
6
5
|
@layer pk-component {
|
|
@@ -172,4 +171,4 @@ PkToggleGroup = __decorate([customElement("pk-toggle-group")], PkToggleGroup);
|
|
|
172
171
|
//#endregion
|
|
173
172
|
export { PkToggleGroup as t };
|
|
174
173
|
|
|
175
|
-
//# sourceMappingURL=pk-toggle-group-
|
|
174
|
+
//# sourceMappingURL=pk-toggle-group-BKymefo3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pk-toggle-group-BKymefo3.js","names":[],"sources":["../../src/components/toggle-group/pk-toggle-group.styles.ts","../../src/components/toggle-group/pk-toggle-group.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkToggleGroupStyles = css`\n @layer pk-component {\n :host {\n display: inline-flex;\n vertical-align: middle;\n font-family: var(--pk-font-family);\n font-size: var(--pk-font-size-base);\n line-height: var(--pk-line-height);\n }\n\n .group {\n display: inline-flex;\n width: fit-content;\n align-items: center;\n border-radius: var(--pk-radius-lg);\n gap: calc(var(--pk-toggle-group-spacing, 0) * 0.25rem);\n }\n\n :host([size='sm']) .group {\n border-radius: min(var(--pk-radius-md), 10px);\n }\n\n :host([orientation='vertical']) .group {\n flex-direction: column;\n align-items: stretch;\n }\n }\n`;\n","import { html } from 'lit';\nimport { customElement, property, state } from '../../decorators.js';\nimport type { PropertyValues } from 'lit';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport type { PkToggleSize, PkToggleVariant } from '../toggle/pk-toggle.js';\nimport { pkToggleGroupStyles } from './pk-toggle-group.styles.js';\n\nexport type PkToggleGroupOrientation = 'horizontal' | 'vertical';\n\nconst GROUP_JOIN_ATTR = 'data-pk-group-join';\nconst GROUP_ITEM_FIRST = 'data-pk-group-item-first';\nconst GROUP_ITEM_LAST = 'data-pk-group-item-last';\nconst GROUP_ORIENTATION_ATTR = 'data-pk-group-orientation';\nconst TOGGLE_ORIENTATION_ATTR = 'data-tg-orientation';\n\n/**\n * Group of toggle buttons with shared selection.\n *\n * @slot - `pk-toggle` or `button[data-value]` items\n *\n * @csspart base - Group container\n */\n@customElement('pk-toggle-group')\nexport class PkToggleGroup extends PkElement {\n static override styles = pkToggleGroupStyles;\n\n @property({ reflect: true })\n orientation: PkToggleGroupOrientation = 'horizontal';\n\n @property({ reflect: true })\n variant: PkToggleVariant = 'default';\n\n @property({ reflect: true })\n size: PkToggleSize = 'default';\n\n /** Gap between items — `0` joins adjacent toggles (React `spacing={0}`). */\n @property({ type: Number, reflect: true })\n spacing = 0;\n\n /** @deprecated Use `spacing=\"0\"` — kept for backward compatibility. */\n @property({ type: Boolean, reflect: true })\n joined = true;\n\n @property({ type: Boolean })\n multiple = false;\n\n @property({ type: Array, attribute: false })\n value: string[] = [];\n\n @state()\n private items: HTMLElement[] = [];\n\n override connectedCallback(): void {\n super.connectedCallback();\n this.syncJoinedFromSpacing();\n this.addEventListener('click', this.handleClick);\n this.addEventListener('slotchange', this.syncItems);\n }\n\n override disconnectedCallback(): void {\n this.removeEventListener('click', this.handleClick);\n this.removeEventListener('slotchange', this.syncItems);\n super.disconnectedCallback();\n }\n\n override updated(changed: PropertyValues): void {\n if (changed.has('spacing')) {\n this.syncJoinedFromSpacing();\n }\n\n if (changed.has('joined') && !changed.has('spacing')) {\n this.spacing = this.joined ? 0 : 2;\n }\n\n if (changed.has('variant') || changed.has('size') || changed.has('spacing') || changed.has('orientation')) {\n this.syncGroupLayout();\n }\n\n // Keep pressed/aria-pressed in sync when value is set as a property\n // (HTML has no value attribute — docs/playground set `.value` after mount).\n if (changed.has('value') && this.items.length) {\n this.applySelection();\n }\n }\n\n private clearLayoutAttrs(item: HTMLElement): void {\n item.removeAttribute(GROUP_JOIN_ATTR);\n item.removeAttribute(GROUP_ITEM_FIRST);\n item.removeAttribute(GROUP_ITEM_LAST);\n item.removeAttribute(GROUP_ORIENTATION_ATTR);\n item.removeAttribute(TOGGLE_ORIENTATION_ATTR);\n }\n\n private syncGroupLayout(): void {\n for (const item of this.items) {\n this.clearLayoutAttrs(item);\n }\n\n for (const item of this.items) {\n if (this.orientation !== 'horizontal') {\n item.setAttribute(TOGGLE_ORIENTATION_ATTR, this.orientation);\n }\n }\n\n if (this.spacing !== 0) {\n return;\n }\n\n for (let index = 0; index < this.items.length; index++) {\n const item = this.items[index];\n item.setAttribute(GROUP_ORIENTATION_ATTR, this.orientation);\n item.setAttribute(GROUP_JOIN_ATTR, '');\n\n if (index === 0) {\n item.setAttribute(GROUP_ITEM_FIRST, '');\n }\n\n if (index === this.items.length - 1) {\n item.setAttribute(GROUP_ITEM_LAST, '');\n }\n }\n }\n\n private syncJoinedFromSpacing(): void {\n this.joined = this.spacing === 0;\n }\n\n private syncItems = (): void => {\n const slot = this.shadowRoot?.querySelector('slot');\n\n if (!slot) {\n return;\n }\n\n this.items = slot.assignedElements({ flatten: true }) as HTMLElement[];\n this.applyGroupProps();\n this.syncGroupLayout();\n this.applySelection();\n };\n\n private applyGroupProps(): void {\n for (const item of this.items) {\n if (item.tagName !== 'PK-TOGGLE') {\n continue;\n }\n\n item.setAttribute('variant', this.variant);\n item.setAttribute('size', this.size);\n }\n }\n\n private getItemValue(item: HTMLElement): string | null {\n return item.getAttribute('data-value') ?? item.dataset.value ?? null;\n }\n\n private isItemDisabled(item: HTMLElement): boolean {\n return item.hasAttribute('disabled') || item.matches(':disabled');\n }\n\n private applySelection(): void {\n for (const item of this.items) {\n const itemValue = this.getItemValue(item);\n\n if (!itemValue) {\n continue;\n }\n\n const selected = this.value.includes(itemValue);\n item.setAttribute('aria-pressed', selected ? 'true' : 'false');\n\n if (item.tagName === 'PK-TOGGLE') {\n if (selected) {\n item.setAttribute('pressed', '');\n } else {\n item.removeAttribute('pressed');\n }\n }\n }\n }\n\n private handleClick = (event: Event): void => {\n const target = (event.target as HTMLElement).closest('[data-value]') as HTMLElement | null;\n\n if (!target || !this.items.includes(target) || this.isItemDisabled(target)) {\n return;\n }\n\n event.preventDefault();\n\n const itemValue = this.getItemValue(target);\n\n if (!itemValue) {\n return;\n }\n\n if (this.multiple) {\n this.value = this.value.includes(itemValue)\n ? this.value.filter((v) => v !== itemValue)\n : [...this.value, itemValue];\n } else {\n this.value = this.value.includes(itemValue) ? [] : [itemValue];\n }\n\n this.applySelection();\n\n this.dispatchEvent(new CustomEvent('pk-value-change', {\n detail: { value: [...this.value] },\n bubbles: true,\n composed: true,\n }));\n };\n\n override render() {\n return html`\n <div\n part=\"base\"\n class=\"group\"\n role=\"group\"\n style=${`--pk-toggle-group-spacing: ${this.spacing}`}\n @slotchange=${this.syncItems}\n >\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'pk-toggle-group': PkToggleGroup;\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { n as PkElement, t as __decorate } from "./decorate-
|
|
1
|
+
import { a as query, i as property, n as PkElement, o as state, s as customElement, t as __decorate } from "./decorate-R0X811qp.js";
|
|
2
2
|
import { i as uniqueId } from "./focus-aa5dlv8k.js";
|
|
3
3
|
import { i as PkShowEvent, n as PkAfterShowEvent, r as PkHideEvent, t as PkAfterHideEvent } from "./overlay-lifecycle-D0pkTQyI.js";
|
|
4
|
-
import { r as resolveElementById } from "./pk-popup-
|
|
4
|
+
import { r as resolveElementById } from "./pk-popup-B9AgBC2V.js";
|
|
5
5
|
import { i as waitForPopupReposition, n as getPopupSide, r as syncPopupPlacementAnimation } from "./popup-placement-animation-WlEXnS85.js";
|
|
6
6
|
import { css, html, nothing } from "lit";
|
|
7
7
|
import { classMap } from "lit/directives/class-map.js";
|
|
8
|
-
import { customElement, property, query, state } from "lit/decorators.js";
|
|
9
8
|
var pkTooltipStyles = [css`
|
|
10
9
|
@layer pk-component {
|
|
11
10
|
.content.pk-popup-content {
|
|
@@ -466,4 +465,4 @@ PkTooltip = __decorate([customElement("pk-tooltip")], PkTooltip);
|
|
|
466
465
|
//#endregion
|
|
467
466
|
export { PkTooltip as t };
|
|
468
467
|
|
|
469
|
-
//# sourceMappingURL=pk-tooltip-
|
|
468
|
+
//# sourceMappingURL=pk-tooltip-BoDq8YVe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pk-tooltip-BoDq8YVe.js","names":[],"sources":["../../src/components/tooltip/pk-tooltip.styles.ts","../../src/components/tooltip/pk-tooltip.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * Tooltip motion — enter: fade + zoom + slide; exit: fade + zoom only, 150ms ease.\n */\nconst tooltipContentAnimationStyles = css`\n @layer pk-component {\n .content.pk-popup-content {\n transform-origin: var(--pk-transform-origin, top);\n }\n\n .content.pk-popup-content[data-open] {\n animation: pk-tooltip-in 150ms ease forwards;\n }\n\n .content.pk-popup-content[data-open][data-side='top'] {\n animation-name: pk-tooltip-in-top;\n }\n\n .content.pk-popup-content[data-open][data-side='bottom'] {\n animation-name: pk-tooltip-in-bottom;\n }\n\n .content.pk-popup-content[data-open][data-side='left'] {\n animation-name: pk-tooltip-in-left;\n }\n\n .content.pk-popup-content[data-open][data-side='right'] {\n animation-name: pk-tooltip-in-right;\n }\n\n .content.pk-popup-content.closing {\n animation: pk-tooltip-out 150ms ease;\n }\n\n @keyframes pk-tooltip-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes pk-tooltip-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n }\n\n @keyframes pk-tooltip-in-top {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(0.5rem);\n }\n\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n }\n\n @keyframes pk-tooltip-in-bottom {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(-0.5rem);\n }\n\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n }\n\n @keyframes pk-tooltip-in-left {\n from {\n opacity: 0;\n transform: scale(0.95) translateX(0.5rem);\n }\n\n to {\n opacity: 1;\n transform: scale(1) translateX(0);\n }\n }\n\n @keyframes pk-tooltip-in-right {\n from {\n opacity: 0;\n transform: scale(0.95) translateX(-0.5rem);\n }\n\n to {\n opacity: 1;\n transform: scale(1) translateX(0);\n }\n }\n }\n`;\n\nexport const pkTooltipStyles = [\n tooltipContentAnimationStyles,\n css`\n @layer pk-component {\n :host {\n display: inline-block;\n max-width: 100%;\n align-self: flex-start;\n flex: none;\n vertical-align: middle;\n --pk-popup-z-index: 250;\n --pk-tooltip-arrow-size: 9px;\n --pk-tooltip-arrow-inset: 1px;\n }\n\n .content:not([data-open]):not(.closing) {\n opacity: 0;\n pointer-events: none;\n }\n\n .content[data-open]:not(.closing) {\n opacity: 1;\n }\n\n .content {\n position: relative;\n isolation: isolate;\n overflow: visible;\n width: fit-content;\n max-width: 20rem;\n padding: 4px 8px;\n border-radius: var(--pk-radius-sm);\n background: #1c2e36;\n color: var(--pk-color-white);\n font-family: var(--pk-font-family);\n font-size: 12px;\n line-height: 1.4;\n pointer-events: none;\n }\n\n .content::after {\n content: '';\n position: absolute;\n z-index: -1;\n width: var(--pk-tooltip-arrow-size);\n height: var(--pk-tooltip-arrow-size);\n background: #1c2e36;\n border-radius: 2px;\n rotate: 45deg;\n pointer-events: none;\n }\n\n .content[data-side='top']::after {\n left: calc(50% - var(--pk-tooltip-arrow-size) / 2);\n bottom: calc(var(--pk-tooltip-arrow-size) * -0.5 + var(--pk-tooltip-arrow-inset));\n }\n\n .content[data-side='bottom']::after {\n left: calc(50% - var(--pk-tooltip-arrow-size) / 2);\n top: calc(var(--pk-tooltip-arrow-size) * -0.5 + var(--pk-tooltip-arrow-inset));\n }\n\n .content[data-side='left']::after {\n top: calc(50% - var(--pk-tooltip-arrow-size) / 2);\n right: calc(var(--pk-tooltip-arrow-size) * -0.5 + var(--pk-tooltip-arrow-inset));\n }\n\n .content[data-side='right']::after {\n top: calc(50% - var(--pk-tooltip-arrow-size) / 2);\n left: calc(var(--pk-tooltip-arrow-size) * -0.5 + var(--pk-tooltip-arrow-inset));\n }\n\n .content[hidden] {\n display: none !important;\n }\n }\n `,\n];\n","import { html, nothing } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from '../../decorators.js';\nimport type { PropertyValues } from 'lit';\n\nimport { uniqueId } from '../../a11y/focus.js';\nimport { PkElement } from '../../base/pk-element.js';\nimport { resolveElementById } from '../../internal/resolve-element-by-id.js';\nimport {\n PkAfterHideEvent,\n PkAfterShowEvent,\n PkHideEvent,\n PkShowEvent,\n} from '../../events/overlay-lifecycle.js';\n// Keep the internal element registered when production builds erase type-only imports.\nimport '../popup/pk-popup.js';\nimport type { PkPopup, PkPopupPlacement } from '../popup/pk-popup.js';\nimport { syncPopupPlacementAnimation, waitForPopupReposition, getPopupSide } from '../../utils/popup-placement-animation.js';\nimport { pkTooltipStyles } from './pk-tooltip.styles.js';\n\n/**\n * Tooltip — pattern: hover/focus shows floating hint.\n *\n * @slot trigger - Element that receives the tooltip\n * @slot - Tooltip content (falls back to `content` attribute)\n *\n * @csspart content - Tooltip body\n */\n@customElement('pk-tooltip')\nexport class PkTooltip extends PkElement {\n static override styles = pkTooltipStyles;\n\n @property({ reflect: true })\n placement: PkPopupPlacement = 'top';\n\n /** `hover focus` (default) or `manual` for programmatic open only. */\n @property({ reflect: true })\n trigger: 'hover focus' | 'manual' = 'hover focus';\n\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @property({ type: Number, attribute: 'open-delay' })\n openDelay = 0;\n\n @property({ type: Number, attribute: 'close-delay' })\n closeDelay = 0;\n\n @property()\n content = '';\n\n /** Anchor element id — alternative to the trigger slot. */\n @property({ reflect: true })\n for = '';\n\n @query('pk-popup')\n private popupElement!: PkPopup;\n\n @state()\n private open = false;\n\n private triggerElement: HTMLElement | null = null;\n\n @state()\n private contentAnimated = false;\n\n @state()\n private closing = false;\n\n @state()\n private contentSide: ReturnType<typeof getPopupSide> | null = null;\n\n /**\n * True only when the default slot has real nodes. Pretty-printed HTML often\n * leaves whitespace text nodes in the default slot, which would otherwise\n * suppress the `content` attribute fallback and show an empty tooltip body.\n */\n @state()\n private hasSlottedBody = false;\n\n private readonly triggerId = uniqueId('pk-tooltip-trigger');\n private openTimer?: number;\n private closeTimer?: number;\n private readonly tooltipId = uniqueId('pk-tooltip');\n private showGeneration = 0;\n private exitGeneration = 0;\n\n override disconnectedCallback(): void {\n this.popupElement?.removeEventListener('pk-reposition', this.syncPlacementAnimation);\n this.clearTimers();\n this.hideTooltip(true);\n super.disconnectedCallback();\n }\n\n override updated(changed: PropertyValues): void {\n super.updated(changed);\n\n if (changed.has('trigger') || changed.has('disabled') || changed.has('for')) {\n this.rebindTrigger();\n }\n\n if (this.disabled && this.open) {\n this.hideTooltip(true);\n }\n }\n\n override firstUpdated(): void {\n this.popupElement.addEventListener('pk-reposition', this.syncPlacementAnimation);\n\n if (this.for) {\n queueMicrotask(() => {\n this.resolveExternalTrigger();\n });\n }\n }\n\n /** Opens the tooltip programmatically. */\n async show(): Promise<void> {\n if (this.disabled) {\n return;\n }\n\n this.clearTimers();\n this.showTooltip(true);\n await this.updateComplete;\n }\n\n /** Closes the tooltip programmatically. */\n async hide(): Promise<void> {\n this.clearTimers();\n this.hideTooltip(true);\n await this.updateComplete;\n }\n\n private clearTimers(): void {\n window.clearTimeout(this.openTimer);\n window.clearTimeout(this.closeTimer);\n }\n\n private syncPlacementAnimation = (): void => {\n const placement = this.popupElement?.getAttribute('data-current-placement') ?? this.placement;\n const content = this.popupElement?.getContentElement();\n\n this.contentSide = placement ? getPopupSide(placement) : null;\n syncPopupPlacementAnimation(this.popupElement, placement);\n\n if (content) {\n syncPopupPlacementAnimation(content, placement);\n }\n };\n\n private resolveExternalTrigger(): void {\n this.triggerElement = resolveElementById(this, this.for);\n this.rebindTrigger();\n }\n\n private onTriggerSlotChange(event: Event): void {\n const slot = event.target as HTMLSlotElement;\n const [trigger] = slot.assignedElements({ flatten: true }) as HTMLElement[];\n\n this.unbindTrigger(this.triggerElement);\n this.triggerElement = trigger ?? null;\n this.rebindTrigger();\n this.requestUpdate();\n }\n\n private onBodySlotChange = (event: Event): void => {\n const slot = event.target as HTMLSlotElement;\n this.hasSlottedBody = slot.assignedNodes({ flatten: true }).some((node) => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n return true;\n }\n\n return node.nodeType === Node.TEXT_NODE && Boolean(node.textContent?.trim());\n });\n };\n\n private rebindTrigger(): void {\n this.unbindTrigger(this.triggerElement);\n\n if (this.for) {\n this.triggerElement = resolveElementById(this, this.for);\n }\n\n this.bindTrigger(this.triggerElement);\n }\n\n private usesPointerTrigger(): boolean {\n return !this.disabled && this.trigger !== 'manual';\n }\n\n private bindTrigger(trigger: HTMLElement | null): void {\n if (!trigger || !this.usesPointerTrigger()) {\n return;\n }\n\n if (!trigger.id) {\n trigger.id = this.triggerId;\n }\n\n trigger.setAttribute('aria-describedby', this.tooltipId);\n trigger.addEventListener('mouseenter', this.scheduleShow);\n trigger.addEventListener('mouseleave', this.scheduleHide);\n trigger.addEventListener('focus', this.scheduleShow);\n trigger.addEventListener('blur', this.scheduleHide);\n }\n\n private unbindTrigger(trigger: HTMLElement | null): void {\n if (!trigger) {\n return;\n }\n\n trigger.removeAttribute('aria-describedby');\n trigger.removeEventListener('mouseenter', this.scheduleShow);\n trigger.removeEventListener('mouseleave', this.scheduleHide);\n trigger.removeEventListener('focus', this.scheduleShow);\n trigger.removeEventListener('blur', this.scheduleHide);\n }\n\n private scheduleShow = (): void => {\n if (!this.usesPointerTrigger()) {\n return;\n }\n\n window.clearTimeout(this.closeTimer);\n window.clearTimeout(this.openTimer);\n this.openTimer = window.setTimeout(() => this.showTooltip(), this.openDelay);\n };\n\n private scheduleHide = (): void => {\n if (!this.usesPointerTrigger()) {\n return;\n }\n\n window.clearTimeout(this.openTimer);\n window.clearTimeout(this.closeTimer);\n this.closeTimer = window.setTimeout(() => this.hideTooltip(), this.closeDelay);\n };\n\n private getAnchor(): Element | string | null {\n if (this.for) {\n return resolveElementById(this, this.for);\n }\n\n if (this.triggerElement) {\n return this.triggerElement;\n }\n\n return null;\n }\n\n private prepareContentForEnter(content: HTMLElement | null | undefined): void {\n if (!content) {\n return;\n }\n\n content.classList.remove('closing');\n content.style.animation = 'none';\n void content.getBoundingClientRect();\n content.style.removeProperty('animation');\n content.style.removeProperty('opacity');\n content.style.removeProperty('transform');\n }\n\n private showTooltip(force = false): void {\n if (!this.getAnchor()) {\n return;\n }\n\n if (this.open && this.contentAnimated && !this.closing && !force) {\n return;\n }\n\n if (!this.open) {\n this.dispatchEvent(new PkShowEvent());\n }\n\n const generation = ++this.showGeneration;\n this.exitGeneration += 1;\n this.closing = false;\n this.open = true;\n this.contentAnimated = false;\n this.prepareContentForEnter(this.popupElement?.getContentElement());\n\n void this.updateComplete.then(async () => {\n if (generation !== this.showGeneration) {\n return;\n }\n\n await waitForPopupReposition(this.popupElement, this.placement);\n\n if (generation !== this.showGeneration) {\n return;\n }\n\n this.syncPlacementAnimation();\n this.prepareContentForEnter(this.popupElement?.getContentElement());\n this.contentAnimated = true;\n\n this.dispatchEvent(new PkAfterShowEvent());\n this.dispatchEvent(new CustomEvent('pk-open-change', {\n detail: { open: true },\n bubbles: true,\n composed: true,\n }));\n });\n }\n\n private hideTooltip(immediate = false, cancelable = false): void {\n if ((!this.open && !this.closing) && !immediate) {\n return;\n }\n\n if (this.closing && !immediate) {\n return;\n }\n\n if (cancelable) {\n const hideEvent = new PkHideEvent('api');\n\n if (!this.dispatchEvent(hideEvent)) {\n return;\n }\n }\n\n this.showGeneration += 1;\n\n if (immediate) {\n this.finishHide();\n return;\n }\n\n if (!this.contentAnimated) {\n this.finishHide();\n return;\n }\n\n void this.playExitAnimation();\n }\n\n private async playExitAnimation(): Promise<void> {\n if (!this.open) {\n return;\n }\n\n const generation = this.exitGeneration + 1;\n this.exitGeneration = generation;\n\n const content = this.popupElement?.getContentElement();\n\n this.closing = true;\n this.contentAnimated = false;\n\n if (content) {\n await this.waitForExitAnimation(content);\n }\n\n if (generation !== this.exitGeneration) {\n return;\n }\n\n this.finishHide();\n }\n\n private waitForExitAnimation(content: HTMLElement): Promise<void> {\n return new Promise((resolve) => {\n let settled = false;\n\n const finish = (): void => {\n if (settled) {\n return;\n }\n\n settled = true;\n content.removeEventListener('animationend', onAnimationEnd);\n window.clearTimeout(fallback);\n content.classList.remove('closing');\n resolve();\n };\n\n const onAnimationEnd = (event: AnimationEvent): void => {\n if (event.target === content && event.animationName.startsWith('pk-tooltip-out')) {\n finish();\n }\n };\n\n content.classList.add('closing');\n content.addEventListener('animationend', onAnimationEnd);\n const fallback = window.setTimeout(finish, 200);\n });\n }\n\n private finishHide(): void {\n const content = this.popupElement?.getContentElement();\n\n this.closing = false;\n this.contentAnimated = false;\n this.contentSide = null;\n this.open = false;\n this.popupElement?.removeAttribute('data-side');\n this.prepareContentForEnter(content);\n\n this.dispatchEvent(new PkAfterHideEvent());\n this.dispatchEvent(new CustomEvent('pk-open-change', {\n detail: { open: false },\n bubbles: true,\n composed: true,\n }));\n }\n\n override render() {\n const anchor = this.getAnchor();\n\n return html`\n <slot name=\"trigger\" @slotchange=${this.onTriggerSlotChange}></slot>\n <pk-popup\n .active=${this.open || this.closing}\n .anchor=${anchor ?? ''}\n .placement=${this.placement}\n .distance=${4}\n hover-bridge\n flip\n shift\n >\n <div\n part=\"content\"\n class=${classMap({\n content: true,\n 'pk-popup-content': true,\n closing: this.closing,\n })}\n id=${this.tooltipId}\n role=\"tooltip\"\n ?hidden=${!this.open && !this.closing}\n data-open=${this.contentAnimated && !this.closing ? '' : nothing}\n data-side=${this.contentSide ?? nothing}\n >\n <slot @slotchange=${this.onBodySlotChange}></slot>\n ${this.hasSlottedBody ? nothing : (this.content || nothing)}\n </div>\n </pk-popup>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'pk-tooltip': PkTooltip;\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,86 +1,86 @@
|
|
|
1
|
-
import { t as PkSpinner } from "./pk-spinner-
|
|
2
|
-
import { t as PkButton } from "./pk-button-
|
|
1
|
+
import { t as PkSpinner } from "./pk-spinner-DweuYJ_Z.js";
|
|
2
|
+
import { t as PkButton } from "./pk-button-BWGDkuzc.js";
|
|
3
3
|
import "../components/button.js";
|
|
4
|
-
import { t as PkButtonGroup } from "./pk-button-group-
|
|
5
|
-
import { t as PkButtonGroupSeparator } from "./pk-button-group-separator-
|
|
6
|
-
import { t as PkButtonGroupText } from "./pk-button-group-text-
|
|
4
|
+
import { t as PkButtonGroup } from "./pk-button-group-BSz5T5iS.js";
|
|
5
|
+
import { t as PkButtonGroupSeparator } from "./pk-button-group-separator-DH3Rl24b.js";
|
|
6
|
+
import { t as PkButtonGroupText } from "./pk-button-group-text-Qro_KmZb.js";
|
|
7
7
|
import "../components/button-group.js";
|
|
8
|
-
import { t as PkCheckbox } from "./pk-checkbox-
|
|
8
|
+
import { t as PkCheckbox } from "./pk-checkbox-CvZwJZn_.js";
|
|
9
9
|
import "../components/checkbox.js";
|
|
10
|
-
import { n as PkCheckboxSelect } from "./pk-checkbox-select-
|
|
10
|
+
import { n as PkCheckboxSelect } from "./pk-checkbox-select-DclPoyDM.js";
|
|
11
11
|
import "../components/checkbox-select.js";
|
|
12
|
-
import { t as PkCodeEditor } from "./pk-code-editor-
|
|
12
|
+
import { t as PkCodeEditor } from "./pk-code-editor-CrKnJUyi.js";
|
|
13
13
|
import "../components/code-editor.js";
|
|
14
|
-
import { t as PkCombobox } from "./pk-combobox-
|
|
15
|
-
import { t as PkPopup } from "./pk-popup-
|
|
16
|
-
import { t as PkInput } from "./pk-input-
|
|
14
|
+
import { t as PkCombobox } from "./pk-combobox-BLft8AXy.js";
|
|
15
|
+
import { t as PkPopup } from "./pk-popup-B9AgBC2V.js";
|
|
16
|
+
import { t as PkInput } from "./pk-input-DDkIXOkt.js";
|
|
17
17
|
import "../components/input.js";
|
|
18
|
-
import { t as PkInputGroup } from "./pk-input-group-
|
|
19
|
-
import { t as PkInputGroupAddon } from "./pk-input-group-addon-
|
|
20
|
-
import { t as PkInputGroupButton } from "./pk-input-group-button-
|
|
21
|
-
import { t as PkInputGroupInput } from "./pk-input-group-input-
|
|
22
|
-
import { t as PkInputGroupText } from "./pk-input-group-text-
|
|
23
|
-
import { t as PkInputGroupTextarea } from "./pk-input-group-textarea-
|
|
18
|
+
import { t as PkInputGroup } from "./pk-input-group-CRPSBFhX.js";
|
|
19
|
+
import { t as PkInputGroupAddon } from "./pk-input-group-addon-B0StOmTJ.js";
|
|
20
|
+
import { t as PkInputGroupButton } from "./pk-input-group-button-CnKajvsP.js";
|
|
21
|
+
import { t as PkInputGroupInput } from "./pk-input-group-input-mllffsjQ.js";
|
|
22
|
+
import { t as PkInputGroupText } from "./pk-input-group-text-DvaPJvh2.js";
|
|
23
|
+
import { t as PkInputGroupTextarea } from "./pk-input-group-textarea-CqYv8tUQ.js";
|
|
24
24
|
import "../components/input-group.js";
|
|
25
|
-
import { t as PkTextarea } from "./pk-textarea-
|
|
25
|
+
import { t as PkTextarea } from "./pk-textarea-BcAyZYC-.js";
|
|
26
26
|
import "../components/textarea.js";
|
|
27
|
-
import { t as PkSeparator } from "./pk-separator-
|
|
27
|
+
import { t as PkSeparator } from "./pk-separator-CHij3vEG.js";
|
|
28
28
|
import "../components/separator.js";
|
|
29
|
-
import { t as PkStatus } from "./pk-status-
|
|
29
|
+
import { t as PkStatus } from "./pk-status-D1IzTSI2.js";
|
|
30
30
|
import "../components/status.js";
|
|
31
|
-
import { t as PkToggle } from "./pk-toggle-
|
|
31
|
+
import { t as PkToggle } from "./pk-toggle-CW-lflrh.js";
|
|
32
32
|
import "../components/toggle.js";
|
|
33
|
-
import { t as PkToggleGroup } from "./pk-toggle-group-
|
|
33
|
+
import { t as PkToggleGroup } from "./pk-toggle-group-BKymefo3.js";
|
|
34
34
|
import "../components/toggle-group.js";
|
|
35
|
-
import { t as PkLightswitch } from "./pk-lightswitch-
|
|
35
|
+
import { t as PkLightswitch } from "./pk-lightswitch-DI1BeCmA.js";
|
|
36
36
|
import "../components/lightswitch.js";
|
|
37
|
-
import { t as PkDialog } from "./pk-dialog-
|
|
37
|
+
import { t as PkDialog } from "./pk-dialog-BbEfvb0g.js";
|
|
38
38
|
import { PkIcon } from "../components/icon/pk-icon.js";
|
|
39
39
|
import { PkConnect } from "../components/connect/pk-connect.js";
|
|
40
40
|
import { PkConnectOauth } from "../components/connect/pk-connect-oauth.js";
|
|
41
41
|
import "../components/connect.js";
|
|
42
|
-
import { t as PkCopyButton } from "./pk-copy-button-
|
|
42
|
+
import { t as PkCopyButton } from "./pk-copy-button-asOLQkqk.js";
|
|
43
43
|
import "../components/copy-button.js";
|
|
44
44
|
import "../components/dialog.js";
|
|
45
|
-
import { t as PkDropdownItem } from "./pk-dropdown-item-
|
|
46
|
-
import { t as PkDropdownMenu } from "./pk-dropdown-menu-
|
|
47
|
-
import { t as PkDropdownLabel } from "./pk-dropdown-label-
|
|
45
|
+
import { t as PkDropdownItem } from "./pk-dropdown-item-BoZTGWMU.js";
|
|
46
|
+
import { t as PkDropdownMenu } from "./pk-dropdown-menu-CfZc7dIz.js";
|
|
47
|
+
import { t as PkDropdownLabel } from "./pk-dropdown-label-Da28F917.js";
|
|
48
48
|
import { PkDropdownSeparator } from "../components/dropdown-menu/pk-dropdown-separator.js";
|
|
49
49
|
import "../components/dropdown-menu.js";
|
|
50
|
-
import { t as PkColorInput } from "./pk-color-input-
|
|
51
|
-
import { t as PkCalendar } from "./pk-calendar-
|
|
52
|
-
import { t as PkDatePicker } from "./pk-date-picker-
|
|
53
|
-
import { t as PkOption } from "./pk-option-
|
|
54
|
-
import { t as PkSelect } from "./pk-select-
|
|
55
|
-
import { t as PkTimePicker } from "./pk-time-picker-
|
|
56
|
-
import { t as PkEditableTable } from "./pk-editable-table-
|
|
57
|
-
import { t as PkField } from "./pk-field-
|
|
50
|
+
import { t as PkColorInput } from "./pk-color-input-DXdqNCK7.js";
|
|
51
|
+
import { t as PkCalendar } from "./pk-calendar-enTOUCRD.js";
|
|
52
|
+
import { t as PkDatePicker } from "./pk-date-picker-Bri3kZ6x.js";
|
|
53
|
+
import { t as PkOption } from "./pk-option-MGj9SKOK.js";
|
|
54
|
+
import { t as PkSelect } from "./pk-select-C1s0OJr0.js";
|
|
55
|
+
import { t as PkTimePicker } from "./pk-time-picker-5D4nmig2.js";
|
|
56
|
+
import { t as PkEditableTable } from "./pk-editable-table-Cn4WXqAo.js";
|
|
57
|
+
import { t as PkField } from "./pk-field-NL4KdFZC.js";
|
|
58
58
|
import "../components/field.js";
|
|
59
|
-
import { t as PkPopover } from "./pk-popover-
|
|
59
|
+
import { t as PkPopover } from "./pk-popover-duyNosk2.js";
|
|
60
60
|
import "../components/popover.js";
|
|
61
61
|
import "../components/popup.js";
|
|
62
|
-
import { t as PkTooltip } from "./pk-tooltip-
|
|
62
|
+
import { t as PkTooltip } from "./pk-tooltip-BoDq8YVe.js";
|
|
63
63
|
import "../components/tooltip.js";
|
|
64
|
-
import { t as PkRadio } from "./pk-radio-
|
|
65
|
-
import { t as PkRadioGroup } from "./pk-radio-group-
|
|
64
|
+
import { t as PkRadio } from "./pk-radio-BK4D2Htu.js";
|
|
65
|
+
import { t as PkRadioGroup } from "./pk-radio-group-BRJIjOsR.js";
|
|
66
66
|
import "../components/radio-group.js";
|
|
67
|
-
import { t as PkTab } from "./pk-tab-
|
|
68
|
-
import { t as PkTabHeading } from "./pk-tab-heading-
|
|
69
|
-
import { t as PkTabPanel } from "./pk-tab-panel-
|
|
70
|
-
import { t as PkTabs } from "./pk-tabs-
|
|
67
|
+
import { t as PkTab } from "./pk-tab-2MHunhlF.js";
|
|
68
|
+
import { t as PkTabHeading } from "./pk-tab-heading-BV6m_sT-.js";
|
|
69
|
+
import { t as PkTabPanel } from "./pk-tab-panel-C6FxQw9q.js";
|
|
70
|
+
import { t as PkTabs } from "./pk-tabs-BTE63uK9.js";
|
|
71
71
|
import "../components/tabs.js";
|
|
72
|
-
import { t as PkScrollArea } from "./pk-scroll-area-
|
|
72
|
+
import { t as PkScrollArea } from "./pk-scroll-area-BR6ckorh.js";
|
|
73
73
|
import "../components/scroll-area.js";
|
|
74
74
|
import "../components/color-input.js";
|
|
75
75
|
import "../components/calendar.js";
|
|
76
76
|
import "../components/date-picker.js";
|
|
77
|
-
import { t as PkOptionGroup } from "./pk-option-group-
|
|
77
|
+
import { t as PkOptionGroup } from "./pk-option-group-Cs6N7mlP.js";
|
|
78
78
|
import "../components/select.js";
|
|
79
79
|
import "../components/time-picker.js";
|
|
80
80
|
import "../components/spinner.js";
|
|
81
|
-
import { t as PkTiptapContent } from "./pk-tiptap-content-
|
|
82
|
-
import { t as PkTiptapEditor } from "./pk-tiptap-editor-
|
|
83
|
-
import { t as PkTiptapInput } from "./pk-tiptap-input-
|
|
81
|
+
import { t as PkTiptapContent } from "./pk-tiptap-content-BPd4GO6c.js";
|
|
82
|
+
import { t as PkTiptapEditor } from "./pk-tiptap-editor-tG67Vegc.js";
|
|
83
|
+
import { t as PkTiptapInput } from "./pk-tiptap-input-CtefNnaK.js";
|
|
84
84
|
import "@verbb/plugin-kit-icons/all.js";
|
|
85
85
|
//#region src/register.ts
|
|
86
86
|
var COMPONENTS = [
|
|
@@ -145,4 +145,4 @@ function registerAll() {
|
|
|
145
145
|
//#endregion
|
|
146
146
|
export { registerAll as t };
|
|
147
147
|
|
|
148
|
-
//# sourceMappingURL=register-
|
|
148
|
+
//# sourceMappingURL=register-CQodpTWT.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"register-DeqrQzRS.js","names":[],"sources":["../../src/register.ts"],"sourcesContent":["// Full-library path: every curated glyph is available to `<pk-icon icon=\"…\">`.\nimport '@verbb/plugin-kit-icons/all.js';\n\nimport { PkButton } from './components/button/pk-button.js';\nimport { PkButtonGroup } from './components/button-group/pk-button-group.js';\nimport { PkButtonGroupSeparator } from './components/button-group/pk-button-group-separator.js';\nimport { PkButtonGroupText } from './components/button-group/pk-button-group-text.js';\nimport { PkCheckbox } from './components/checkbox/pk-checkbox.js';\nimport { PkCheckboxSelect } from './components/checkbox-select/pk-checkbox-select.js';\nimport { PkCodeEditor } from './components/code-editor/pk-code-editor.js';\nimport { PkColorInput } from './components/color-input/pk-color-input.js';\nimport { PkCalendar } from './components/calendar/pk-calendar.js';\nimport { PkDatePicker } from './components/date-picker/pk-date-picker.js';\nimport { PkCombobox } from './components/combobox/pk-combobox.js';\nimport { PkConnect } from './components/connect/pk-connect.js';\nimport { PkConnectOauth } from './components/connect/pk-connect-oauth.js';\nimport { PkCopyButton } from './components/copy-button/pk-copy-button.js';\nimport { PkDialog } from './components/dialog/pk-dialog.js';\nimport { PkDropdownLabel } from './components/dropdown-menu/pk-dropdown-label.js';\nimport { PkDropdownMenu } from './components/dropdown-menu/pk-dropdown-menu.js';\nimport { PkDropdownItem } from './components/dropdown-menu/pk-dropdown-item.js';\nimport { PkDropdownSeparator } from './components/dropdown-menu/pk-dropdown-separator.js';\nimport { PkEditableTable } from './components/editable-table/pk-editable-table.js';\nimport { PkField } from './components/field/pk-field.js';\nimport { PkIcon } from './components/icon/pk-icon.js';\nimport { PkInput } from './components/input/pk-input.js';\nimport { PkInputGroup } from './components/input-group/pk-input-group.js';\nimport { PkInputGroupAddon } from './components/input-group/pk-input-group-addon.js';\nimport { PkInputGroupButton } from './components/input-group/pk-input-group-button.js';\nimport { PkInputGroupInput } from './components/input-group/pk-input-group-input.js';\nimport { PkInputGroupText } from './components/input-group/pk-input-group-text.js';\nimport { PkInputGroupTextarea } from './components/input-group/pk-input-group-textarea.js';\nimport { PkLightswitch } from './components/lightswitch/pk-lightswitch.js';\nimport { PkOption } from './components/select/pk-option.js';\nimport { PkOptionGroup } from './components/select/pk-option-group.js';\nimport { PkPopover } from './components/popover/pk-popover.js';\nimport { PkPopup } from './components/popup/pk-popup.js';\nimport { PkRadio } from './components/radio-group/pk-radio.js';\nimport { PkRadioGroup } from './components/radio-group/pk-radio-group.js';\nimport { PkScrollArea } from './components/scroll-area/pk-scroll-area.js';\nimport { PkSelect } from './components/select/pk-select.js';\nimport { PkSeparator } from './components/separator/pk-separator.js';\nimport { PkSpinner } from './components/spinner/pk-spinner.js';\nimport { PkStatus } from './components/status/pk-status.js';\nimport { PkTab } from './components/tabs/pk-tab.js';\nimport { PkTabHeading } from './components/tabs/pk-tab-heading.js';\nimport { PkTabPanel } from './components/tabs/pk-tab-panel.js';\nimport { PkTabs } from './components/tabs/pk-tabs.js';\nimport { PkTextarea } from './components/textarea/pk-textarea.js';\nimport { PkTiptapContent } from './components/tiptap/pk-tiptap-content.js';\nimport { PkTiptapEditor } from './components/tiptap/pk-tiptap-editor.js';\nimport { PkTiptapInput } from './components/tiptap/pk-tiptap-input.js';\nimport { PkTimePicker } from './components/time-picker/pk-time-picker.js';\nimport { PkToggle } from './components/toggle/pk-toggle.js';\nimport { PkToggleGroup } from './components/toggle-group/pk-toggle-group.js';\nimport { PkTooltip } from './components/tooltip/pk-tooltip.js';\n\nexport * from './components/button/index.js';\nexport * from './components/button-group/index.js';\nexport * from './components/checkbox/index.js';\nexport * from './components/checkbox-select/index.js';\nexport * from './components/input/index.js';\nexport * from './components/input-group/index.js';\nexport * from './components/textarea/index.js';\nexport * from './components/separator/index.js';\nexport * from './components/status/index.js';\nexport * from './components/toggle/index.js';\nexport * from './components/toggle-group/index.js';\nexport * from './components/lightswitch/index.js';\nexport * from './components/connect/index.js';\nexport * from './components/copy-button/index.js';\nexport * from './components/dialog/index.js';\nexport * from './components/dropdown-menu/index.js';\nexport * from './components/field/index.js';\nexport * from './components/popover/index.js';\nexport * from './components/popup/index.js';\nexport * from './components/tooltip/index.js';\nexport * from './components/radio-group/index.js';\nexport * from './components/tabs/index.js';\nexport * from './components/scroll-area/index.js';\nexport * from './components/color-input/index.js';\nexport * from './components/code-editor/index.js';\nexport * from './components/calendar/index.js';\nexport * from './components/date-picker/index.js';\nexport * from './components/select/index.js';\nexport * from './components/spinner/index.js';\nexport * from './components/time-picker/index.js';\nexport * from './components/tiptap/index.js';\n\nexport {\n PkButton,\n PkButtonGroup,\n PkButtonGroupSeparator,\n PkButtonGroupText,\n PkCheckbox,\n PkCheckboxSelect,\n PkColorInput,\n PkCodeEditor,\n PkCalendar,\n PkDatePicker,\n PkCombobox,\n PkConnect,\n PkConnectOauth,\n PkCopyButton,\n PkDialog,\n PkDropdownMenu,\n PkDropdownItem,\n PkDropdownSeparator,\n PkEditableTable,\n PkField,\n PkIcon,\n PkInput,\n PkInputGroup,\n PkInputGroupAddon,\n PkInputGroupButton,\n PkInputGroupInput,\n PkInputGroupText,\n PkInputGroupTextarea,\n PkLightswitch,\n PkOption,\n PkOptionGroup,\n PkPopover,\n PkPopup,\n PkRadio,\n PkRadioGroup,\n PkScrollArea,\n PkSelect,\n PkSeparator,\n PkSpinner,\n PkStatus,\n PkTab,\n PkTabPanel,\n PkTabs,\n PkTextarea,\n PkTimePicker,\n PkTiptapContent,\n PkTiptapEditor,\n PkTiptapInput,\n PkToggle,\n PkToggleGroup,\n PkTooltip,\n};\n\nconst COMPONENTS: [string, CustomElementConstructor][] = [\n ['pk-spinner', PkSpinner],\n ['pk-icon', PkIcon],\n ['pk-button', PkButton],\n ['pk-checkbox', PkCheckbox],\n ['pk-checkbox-select', PkCheckboxSelect],\n ['pk-color-input', PkColorInput],\n ['pk-code-editor', PkCodeEditor],\n ['pk-input', PkInput],\n ['pk-input-group', PkInputGroup],\n ['pk-input-group-addon', PkInputGroupAddon],\n ['pk-input-group-button', PkInputGroupButton],\n ['pk-input-group-input', PkInputGroupInput],\n ['pk-input-group-text', PkInputGroupText],\n ['pk-input-group-textarea', PkInputGroupTextarea],\n ['pk-textarea', PkTextarea],\n ['pk-tiptap-editor', PkTiptapEditor],\n ['pk-tiptap-input', PkTiptapInput],\n ['pk-tiptap-content', PkTiptapContent],\n ['pk-field', PkField],\n ['pk-separator', PkSeparator],\n ['pk-status', PkStatus],\n ['pk-toggle', PkToggle],\n ['pk-toggle-group', PkToggleGroup],\n ['pk-lightswitch', PkLightswitch],\n ['pk-button-group', PkButtonGroup],\n ['pk-button-group-separator', PkButtonGroupSeparator],\n ['pk-button-group-text', PkButtonGroupText],\n ['pk-dialog', PkDialog],\n ['pk-popup', PkPopup],\n ['pk-dropdown-label', PkDropdownLabel],\n ['pk-dropdown-item', PkDropdownItem],\n ['pk-dropdown-separator', PkDropdownSeparator],\n ['pk-dropdown-menu', PkDropdownMenu],\n ['pk-editable-table', PkEditableTable],\n ['pk-popover', PkPopover],\n ['pk-tooltip', PkTooltip],\n ['pk-radio', PkRadio],\n ['pk-radio-group', PkRadioGroup],\n ['pk-tab', PkTab],\n ['pk-tab-heading', PkTabHeading],\n ['pk-tab-panel', PkTabPanel],\n ['pk-tabs', PkTabs],\n ['pk-scroll-area', PkScrollArea],\n ['pk-option', PkOption],\n ['pk-option-group', PkOptionGroup],\n ['pk-select', PkSelect],\n ['pk-calendar', PkCalendar],\n ['pk-date-picker', PkDatePicker],\n ['pk-combobox', PkCombobox],\n ['pk-connect', PkConnect],\n ['pk-connect-oauth', PkConnectOauth],\n ['pk-time-picker', PkTimePicker],\n ['pk-copy-button', PkCopyButton],\n];\n\n/** Side-effect registration for all Plugin Kit web components. */\nexport function registerAll(): void {\n for (const [tag, ctor] of COMPONENTS) {\n if (!customElements.get(tag)) {\n customElements.define(tag, ctor);\n }\n }\n}\n\nexport {\n createRegisterComponents,\n type PkComponentTag,\n} from './register-components.js';\n\nexport { BUNDLER_TAG_IMPORT_PATHS as componentImportPaths } from './component-registry.js';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+IA,IAAM,aAAmD;CACrD,CAAC,cAAc,UAAU;CACzB,CAAC,WAAW,OAAO;CACnB,CAAC,aAAa,SAAS;CACvB,CAAC,eAAe,WAAW;CAC3B,CAAC,sBAAsB,iBAAiB;CACxC,CAAC,kBAAkB,aAAa;CAChC,CAAC,kBAAkB,aAAa;CAChC,CAAC,YAAY,QAAQ;CACrB,CAAC,kBAAkB,aAAa;CAChC,CAAC,wBAAwB,kBAAkB;CAC3C,CAAC,yBAAyB,mBAAmB;CAC7C,CAAC,wBAAwB,kBAAkB;CAC3C,CAAC,uBAAuB,iBAAiB;CACzC,CAAC,2BAA2B,qBAAqB;CACjD,CAAC,eAAe,WAAW;CAC3B,CAAC,oBAAoB,eAAe;CACpC,CAAC,mBAAmB,cAAc;CAClC,CAAC,qBAAqB,gBAAgB;CACtC,CAAC,YAAY,QAAQ;CACrB,CAAC,gBAAgB,YAAY;CAC7B,CAAC,aAAa,SAAS;CACvB,CAAC,aAAa,SAAS;CACvB,CAAC,mBAAmB,cAAc;CAClC,CAAC,kBAAkB,cAAc;CACjC,CAAC,mBAAmB,cAAc;CAClC,CAAC,6BAA6B,uBAAuB;CACrD,CAAC,wBAAwB,kBAAkB;CAC3C,CAAC,aAAa,SAAS;CACvB,CAAC,YAAY,QAAQ;CACrB,CAAC,qBAAqB,gBAAgB;CACtC,CAAC,oBAAoB,eAAe;CACpC,CAAC,yBAAyB,oBAAoB;CAC9C,CAAC,oBAAoB,eAAe;CACpC,CAAC,qBAAqB,gBAAgB;CACtC,CAAC,cAAc,UAAU;CACzB,CAAC,cAAc,UAAU;CACzB,CAAC,YAAY,QAAQ;CACrB,CAAC,kBAAkB,aAAa;CAChC,CAAC,UAAU,MAAM;CACjB,CAAC,kBAAkB,aAAa;CAChC,CAAC,gBAAgB,WAAW;CAC5B,CAAC,WAAW,OAAO;CACnB,CAAC,kBAAkB,aAAa;CAChC,CAAC,aAAa,SAAS;CACvB,CAAC,mBAAmB,cAAc;CAClC,CAAC,aAAa,SAAS;CACvB,CAAC,eAAe,WAAW;CAC3B,CAAC,kBAAkB,aAAa;CAChC,CAAC,eAAe,WAAW;CAC3B,CAAC,cAAc,UAAU;CACzB,CAAC,oBAAoB,eAAe;CACpC,CAAC,kBAAkB,aAAa;CAChC,CAAC,kBAAkB,aAAa;CACnC;;AAGD,SAAgB,cAAoB;AAChC,MAAK,MAAM,CAAC,KAAK,SAAS,WACtB,KAAI,CAAC,eAAe,IAAI,IAAI,CACxB,gBAAe,OAAO,KAAK,KAAK"}
|
|
1
|
+
{"version":3,"file":"register-CQodpTWT.js","names":[],"sources":["../../src/register.ts"],"sourcesContent":["// Full-library path: every curated glyph is available to `<pk-icon icon=\"…\">`.\nimport '@verbb/plugin-kit-icons/all.js';\n\nimport { PkButton } from './components/button/pk-button.js';\nimport { PkButtonGroup } from './components/button-group/pk-button-group.js';\nimport { PkButtonGroupSeparator } from './components/button-group/pk-button-group-separator.js';\nimport { PkButtonGroupText } from './components/button-group/pk-button-group-text.js';\nimport { PkCheckbox } from './components/checkbox/pk-checkbox.js';\nimport { PkCheckboxSelect } from './components/checkbox-select/pk-checkbox-select.js';\nimport { PkCodeEditor } from './components/code-editor/pk-code-editor.js';\nimport { PkColorInput } from './components/color-input/pk-color-input.js';\nimport { PkCalendar } from './components/calendar/pk-calendar.js';\nimport { PkDatePicker } from './components/date-picker/pk-date-picker.js';\nimport { PkCombobox } from './components/combobox/pk-combobox.js';\nimport { PkConnect } from './components/connect/pk-connect.js';\nimport { PkConnectOauth } from './components/connect/pk-connect-oauth.js';\nimport { PkCopyButton } from './components/copy-button/pk-copy-button.js';\nimport { PkDialog } from './components/dialog/pk-dialog.js';\nimport { PkDropdownLabel } from './components/dropdown-menu/pk-dropdown-label.js';\nimport { PkDropdownMenu } from './components/dropdown-menu/pk-dropdown-menu.js';\nimport { PkDropdownItem } from './components/dropdown-menu/pk-dropdown-item.js';\nimport { PkDropdownSeparator } from './components/dropdown-menu/pk-dropdown-separator.js';\nimport { PkEditableTable } from './components/editable-table/pk-editable-table.js';\nimport { PkField } from './components/field/pk-field.js';\nimport { PkIcon } from './components/icon/pk-icon.js';\nimport { PkInput } from './components/input/pk-input.js';\nimport { PkInputGroup } from './components/input-group/pk-input-group.js';\nimport { PkInputGroupAddon } from './components/input-group/pk-input-group-addon.js';\nimport { PkInputGroupButton } from './components/input-group/pk-input-group-button.js';\nimport { PkInputGroupInput } from './components/input-group/pk-input-group-input.js';\nimport { PkInputGroupText } from './components/input-group/pk-input-group-text.js';\nimport { PkInputGroupTextarea } from './components/input-group/pk-input-group-textarea.js';\nimport { PkLightswitch } from './components/lightswitch/pk-lightswitch.js';\nimport { PkOption } from './components/select/pk-option.js';\nimport { PkOptionGroup } from './components/select/pk-option-group.js';\nimport { PkPopover } from './components/popover/pk-popover.js';\nimport { PkPopup } from './components/popup/pk-popup.js';\nimport { PkRadio } from './components/radio-group/pk-radio.js';\nimport { PkRadioGroup } from './components/radio-group/pk-radio-group.js';\nimport { PkScrollArea } from './components/scroll-area/pk-scroll-area.js';\nimport { PkSelect } from './components/select/pk-select.js';\nimport { PkSeparator } from './components/separator/pk-separator.js';\nimport { PkSpinner } from './components/spinner/pk-spinner.js';\nimport { PkStatus } from './components/status/pk-status.js';\nimport { PkTab } from './components/tabs/pk-tab.js';\nimport { PkTabHeading } from './components/tabs/pk-tab-heading.js';\nimport { PkTabPanel } from './components/tabs/pk-tab-panel.js';\nimport { PkTabs } from './components/tabs/pk-tabs.js';\nimport { PkTextarea } from './components/textarea/pk-textarea.js';\nimport { PkTiptapContent } from './components/tiptap/pk-tiptap-content.js';\nimport { PkTiptapEditor } from './components/tiptap/pk-tiptap-editor.js';\nimport { PkTiptapInput } from './components/tiptap/pk-tiptap-input.js';\nimport { PkTimePicker } from './components/time-picker/pk-time-picker.js';\nimport { PkToggle } from './components/toggle/pk-toggle.js';\nimport { PkToggleGroup } from './components/toggle-group/pk-toggle-group.js';\nimport { PkTooltip } from './components/tooltip/pk-tooltip.js';\n\nexport * from './components/button/index.js';\nexport * from './components/button-group/index.js';\nexport * from './components/checkbox/index.js';\nexport * from './components/checkbox-select/index.js';\nexport * from './components/input/index.js';\nexport * from './components/input-group/index.js';\nexport * from './components/textarea/index.js';\nexport * from './components/separator/index.js';\nexport * from './components/status/index.js';\nexport * from './components/toggle/index.js';\nexport * from './components/toggle-group/index.js';\nexport * from './components/lightswitch/index.js';\nexport * from './components/connect/index.js';\nexport * from './components/copy-button/index.js';\nexport * from './components/dialog/index.js';\nexport * from './components/dropdown-menu/index.js';\nexport * from './components/field/index.js';\nexport * from './components/popover/index.js';\nexport * from './components/popup/index.js';\nexport * from './components/tooltip/index.js';\nexport * from './components/radio-group/index.js';\nexport * from './components/tabs/index.js';\nexport * from './components/scroll-area/index.js';\nexport * from './components/color-input/index.js';\nexport * from './components/code-editor/index.js';\nexport * from './components/calendar/index.js';\nexport * from './components/date-picker/index.js';\nexport * from './components/select/index.js';\nexport * from './components/spinner/index.js';\nexport * from './components/time-picker/index.js';\nexport * from './components/tiptap/index.js';\n\nexport {\n PkButton,\n PkButtonGroup,\n PkButtonGroupSeparator,\n PkButtonGroupText,\n PkCheckbox,\n PkCheckboxSelect,\n PkColorInput,\n PkCodeEditor,\n PkCalendar,\n PkDatePicker,\n PkCombobox,\n PkConnect,\n PkConnectOauth,\n PkCopyButton,\n PkDialog,\n PkDropdownMenu,\n PkDropdownItem,\n PkDropdownSeparator,\n PkEditableTable,\n PkField,\n PkIcon,\n PkInput,\n PkInputGroup,\n PkInputGroupAddon,\n PkInputGroupButton,\n PkInputGroupInput,\n PkInputGroupText,\n PkInputGroupTextarea,\n PkLightswitch,\n PkOption,\n PkOptionGroup,\n PkPopover,\n PkPopup,\n PkRadio,\n PkRadioGroup,\n PkScrollArea,\n PkSelect,\n PkSeparator,\n PkSpinner,\n PkStatus,\n PkTab,\n PkTabPanel,\n PkTabs,\n PkTextarea,\n PkTimePicker,\n PkTiptapContent,\n PkTiptapEditor,\n PkTiptapInput,\n PkToggle,\n PkToggleGroup,\n PkTooltip,\n};\n\nconst COMPONENTS: [string, CustomElementConstructor][] = [\n ['pk-spinner', PkSpinner],\n ['pk-icon', PkIcon],\n ['pk-button', PkButton],\n ['pk-checkbox', PkCheckbox],\n ['pk-checkbox-select', PkCheckboxSelect],\n ['pk-color-input', PkColorInput],\n ['pk-code-editor', PkCodeEditor],\n ['pk-input', PkInput],\n ['pk-input-group', PkInputGroup],\n ['pk-input-group-addon', PkInputGroupAddon],\n ['pk-input-group-button', PkInputGroupButton],\n ['pk-input-group-input', PkInputGroupInput],\n ['pk-input-group-text', PkInputGroupText],\n ['pk-input-group-textarea', PkInputGroupTextarea],\n ['pk-textarea', PkTextarea],\n ['pk-tiptap-editor', PkTiptapEditor],\n ['pk-tiptap-input', PkTiptapInput],\n ['pk-tiptap-content', PkTiptapContent],\n ['pk-field', PkField],\n ['pk-separator', PkSeparator],\n ['pk-status', PkStatus],\n ['pk-toggle', PkToggle],\n ['pk-toggle-group', PkToggleGroup],\n ['pk-lightswitch', PkLightswitch],\n ['pk-button-group', PkButtonGroup],\n ['pk-button-group-separator', PkButtonGroupSeparator],\n ['pk-button-group-text', PkButtonGroupText],\n ['pk-dialog', PkDialog],\n ['pk-popup', PkPopup],\n ['pk-dropdown-label', PkDropdownLabel],\n ['pk-dropdown-item', PkDropdownItem],\n ['pk-dropdown-separator', PkDropdownSeparator],\n ['pk-dropdown-menu', PkDropdownMenu],\n ['pk-editable-table', PkEditableTable],\n ['pk-popover', PkPopover],\n ['pk-tooltip', PkTooltip],\n ['pk-radio', PkRadio],\n ['pk-radio-group', PkRadioGroup],\n ['pk-tab', PkTab],\n ['pk-tab-heading', PkTabHeading],\n ['pk-tab-panel', PkTabPanel],\n ['pk-tabs', PkTabs],\n ['pk-scroll-area', PkScrollArea],\n ['pk-option', PkOption],\n ['pk-option-group', PkOptionGroup],\n ['pk-select', PkSelect],\n ['pk-calendar', PkCalendar],\n ['pk-date-picker', PkDatePicker],\n ['pk-combobox', PkCombobox],\n ['pk-connect', PkConnect],\n ['pk-connect-oauth', PkConnectOauth],\n ['pk-time-picker', PkTimePicker],\n ['pk-copy-button', PkCopyButton],\n];\n\n/** Side-effect registration for all Plugin Kit web components. */\nexport function registerAll(): void {\n for (const [tag, ctor] of COMPONENTS) {\n if (!customElements.get(tag)) {\n customElements.define(tag, ctor);\n }\n }\n}\n\nexport {\n createRegisterComponents,\n type PkComponentTag,\n} from './register-components.js';\n\nexport { BUNDLER_TAG_IMPORT_PATHS as componentImportPaths } from './component-registry.js';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+IA,IAAM,aAAmD;CACrD,CAAC,cAAc,UAAU;CACzB,CAAC,WAAW,OAAO;CACnB,CAAC,aAAa,SAAS;CACvB,CAAC,eAAe,WAAW;CAC3B,CAAC,sBAAsB,iBAAiB;CACxC,CAAC,kBAAkB,aAAa;CAChC,CAAC,kBAAkB,aAAa;CAChC,CAAC,YAAY,QAAQ;CACrB,CAAC,kBAAkB,aAAa;CAChC,CAAC,wBAAwB,kBAAkB;CAC3C,CAAC,yBAAyB,mBAAmB;CAC7C,CAAC,wBAAwB,kBAAkB;CAC3C,CAAC,uBAAuB,iBAAiB;CACzC,CAAC,2BAA2B,qBAAqB;CACjD,CAAC,eAAe,WAAW;CAC3B,CAAC,oBAAoB,eAAe;CACpC,CAAC,mBAAmB,cAAc;CAClC,CAAC,qBAAqB,gBAAgB;CACtC,CAAC,YAAY,QAAQ;CACrB,CAAC,gBAAgB,YAAY;CAC7B,CAAC,aAAa,SAAS;CACvB,CAAC,aAAa,SAAS;CACvB,CAAC,mBAAmB,cAAc;CAClC,CAAC,kBAAkB,cAAc;CACjC,CAAC,mBAAmB,cAAc;CAClC,CAAC,6BAA6B,uBAAuB;CACrD,CAAC,wBAAwB,kBAAkB;CAC3C,CAAC,aAAa,SAAS;CACvB,CAAC,YAAY,QAAQ;CACrB,CAAC,qBAAqB,gBAAgB;CACtC,CAAC,oBAAoB,eAAe;CACpC,CAAC,yBAAyB,oBAAoB;CAC9C,CAAC,oBAAoB,eAAe;CACpC,CAAC,qBAAqB,gBAAgB;CACtC,CAAC,cAAc,UAAU;CACzB,CAAC,cAAc,UAAU;CACzB,CAAC,YAAY,QAAQ;CACrB,CAAC,kBAAkB,aAAa;CAChC,CAAC,UAAU,MAAM;CACjB,CAAC,kBAAkB,aAAa;CAChC,CAAC,gBAAgB,WAAW;CAC5B,CAAC,WAAW,OAAO;CACnB,CAAC,kBAAkB,aAAa;CAChC,CAAC,aAAa,SAAS;CACvB,CAAC,mBAAmB,cAAc;CAClC,CAAC,aAAa,SAAS;CACvB,CAAC,eAAe,WAAW;CAC3B,CAAC,kBAAkB,aAAa;CAChC,CAAC,eAAe,WAAW;CAC3B,CAAC,cAAc,UAAU;CACzB,CAAC,oBAAoB,eAAe;CACpC,CAAC,kBAAkB,aAAa;CAChC,CAAC,kBAAkB,aAAa;CACnC;;AAGD,SAAgB,cAAoB;AAChC,MAAK,MAAM,CAAC,KAAK,SAAS,WACtB,KAAI,CAAC,eAAe,IAAI,IAAI,CACxB,gBAAe,OAAO,KAAK,KAAK"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkButton } from "../../chunks/pk-button-
|
|
1
|
+
import { t as PkButton } from "../../chunks/pk-button-BWGDkuzc.js";
|
|
2
2
|
export { PkButton };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkButtonGroupSeparator } from "../../chunks/pk-button-group-separator-
|
|
1
|
+
import { t as PkButtonGroupSeparator } from "../../chunks/pk-button-group-separator-DH3Rl24b.js";
|
|
2
2
|
export { PkButtonGroupSeparator };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkButtonGroupText } from "../../chunks/pk-button-group-text-
|
|
1
|
+
import { t as PkButtonGroupText } from "../../chunks/pk-button-group-text-Qro_KmZb.js";
|
|
2
2
|
export { PkButtonGroupText };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkButtonGroup } from "../../chunks/pk-button-group-
|
|
1
|
+
import { t as PkButtonGroup } from "../../chunks/pk-button-group-BSz5T5iS.js";
|
|
2
2
|
export { PkButtonGroup };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as PkButtonGroup } from "../chunks/pk-button-group-
|
|
2
|
-
import { t as PkButtonGroupSeparator } from "../chunks/pk-button-group-separator-
|
|
3
|
-
import { t as PkButtonGroupText } from "../chunks/pk-button-group-text-
|
|
1
|
+
import { t as PkButtonGroup } from "../chunks/pk-button-group-BSz5T5iS.js";
|
|
2
|
+
import { t as PkButtonGroupSeparator } from "../chunks/pk-button-group-separator-DH3Rl24b.js";
|
|
3
|
+
import { t as PkButtonGroupText } from "../chunks/pk-button-group-text-Qro_KmZb.js";
|
|
4
4
|
export { PkButtonGroup, PkButtonGroupSeparator, PkButtonGroupText };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkButton } from "../chunks/pk-button-
|
|
1
|
+
import { t as PkButton } from "../chunks/pk-button-BWGDkuzc.js";
|
|
2
2
|
export { PkButton };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkCalendar } from "../../chunks/pk-calendar-
|
|
1
|
+
import { t as PkCalendar } from "../../chunks/pk-calendar-enTOUCRD.js";
|
|
2
2
|
export { PkCalendar };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkCalendar } from "../chunks/pk-calendar-
|
|
1
|
+
import { t as PkCalendar } from "../chunks/pk-calendar-enTOUCRD.js";
|
|
2
2
|
export { PkCalendar };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkCheckbox } from "../../chunks/pk-checkbox-
|
|
1
|
+
import { t as PkCheckbox } from "../../chunks/pk-checkbox-CvZwJZn_.js";
|
|
2
2
|
export { PkCheckbox };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as PkCheckboxSelect, t as ALL_VALUE } from "../../chunks/pk-checkbox-select-
|
|
1
|
+
import { n as PkCheckboxSelect, t as ALL_VALUE } from "../../chunks/pk-checkbox-select-DclPoyDM.js";
|
|
2
2
|
export { ALL_VALUE, PkCheckboxSelect };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as PkCheckboxSelect, t as ALL_VALUE } from "../chunks/pk-checkbox-select-
|
|
1
|
+
import { n as PkCheckboxSelect, t as ALL_VALUE } from "../chunks/pk-checkbox-select-DclPoyDM.js";
|
|
2
2
|
export { ALL_VALUE, PkCheckboxSelect };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkCheckbox } from "../chunks/pk-checkbox-
|
|
1
|
+
import { t as PkCheckbox } from "../chunks/pk-checkbox-CvZwJZn_.js";
|
|
2
2
|
export { PkCheckbox };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkCodeEditor } from "../../chunks/pk-code-editor-
|
|
1
|
+
import { t as PkCodeEditor } from "../../chunks/pk-code-editor-CrKnJUyi.js";
|
|
2
2
|
export { PkCodeEditor };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkCodeEditor } from "../chunks/pk-code-editor-
|
|
1
|
+
import { t as PkCodeEditor } from "../chunks/pk-code-editor-CrKnJUyi.js";
|
|
2
2
|
export { PkCodeEditor };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkColorInput } from "../../chunks/pk-color-input-
|
|
1
|
+
import { t as PkColorInput } from "../../chunks/pk-color-input-DXdqNCK7.js";
|
|
2
2
|
export { PkColorInput };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkColorInput } from "../chunks/pk-color-input-
|
|
1
|
+
import { t as PkColorInput } from "../chunks/pk-color-input-DXdqNCK7.js";
|
|
2
2
|
export { PkColorInput };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkCombobox } from "../../chunks/pk-combobox-
|
|
1
|
+
import { t as PkCombobox } from "../../chunks/pk-combobox-BLft8AXy.js";
|
|
2
2
|
export { PkCombobox };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PkCombobox } from "../chunks/pk-combobox-
|
|
1
|
+
import { t as PkCombobox } from "../chunks/pk-combobox-BLft8AXy.js";
|
|
2
2
|
export { PkCombobox };
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { t as __decorate } from "../../chunks/decorate-
|
|
2
|
-
import "../../chunks/pk-button-
|
|
3
|
-
import "../../chunks/pk-status-
|
|
1
|
+
import { i as property, o as state, s as customElement, t as __decorate } from "../../chunks/decorate-R0X811qp.js";
|
|
2
|
+
import "../../chunks/pk-button-BWGDkuzc.js";
|
|
3
|
+
import "../../chunks/pk-status-D1IzTSI2.js";
|
|
4
4
|
import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-DshgIW2n.js";
|
|
5
5
|
import { LitElement, html } from "lit";
|
|
6
|
-
import { customElement, property, state } from "lit/decorators.js";
|
|
7
6
|
import { submitCpFormAction, watchCpFormDirty } from "@verbb/plugin-kit-core";
|
|
8
7
|
//#region src/components/connect/pk-connect-oauth.ts
|
|
9
8
|
var PkConnectOauth = class PkConnectOauth extends LitElement {
|