@nubisco/ui 4.1.4 → 5.0.0
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/dist/{AiLabel-VbZiFHAZ.js → AiLabel-Ci7eROcw.js} +1 -1
- package/dist/{AiLabel-DZ9GkGqL.cjs → AiLabel-DtM5ZCQC.cjs} +1 -1
- package/dist/{Banner-7XsX8ibI.js → Banner-C5Erb75B.js} +1 -1
- package/dist/{Banner-DI5fA8Ow.cjs → Banner-JubX-4yR.cjs} +1 -1
- package/dist/{BlueprintControls-CJAKrQ6U.js → BlueprintControls-BkwhsHI8.js} +1 -1
- package/dist/{BlueprintControls-aF11uokn.cjs → BlueprintControls-CdvNvRkW.cjs} +1 -1
- package/dist/{BlueprintMinimap-C-gCkMIW.cjs → BlueprintMinimap-BIBsnBFs.cjs} +1 -1
- package/dist/{BlueprintMinimap-C-65UzhM.js → BlueprintMinimap-QAw6aiCc.js} +1 -1
- package/dist/{BottomPanel-B-dhgMWB.js → BottomPanel-BoBCdANz.js} +1 -1
- package/dist/{BottomPanel-CmVH0Hsf.cjs → BottomPanel-dbllmH2v.cjs} +1 -1
- package/dist/Button-Dwv0rx46.cjs +1 -0
- package/dist/{Button-Cegx6vaT.js → Button-Q8MBLMvG.js} +12 -4
- package/dist/{Card-Cs-7jXxG.cjs → Card-Cn5OS4q-.cjs} +1 -1
- package/dist/{Card-TjV_N8RU.js → Card-eM6DEphF.js} +1 -1
- package/dist/{Checkbox-BJrnykX9.js → Checkbox-DG82KK8V.js} +1 -1
- package/dist/{Checkbox-D9qW3gph.cjs → Checkbox-vFN3fLyr.cjs} +1 -1
- package/dist/{CheckboxGroup-CUSPscyy.js → CheckboxGroup-5pmdu9fe.js} +1 -1
- package/dist/{CheckboxGroup-mWcKUeq9.cjs → CheckboxGroup-Cyj2NUtI.cjs} +1 -1
- package/dist/{ColorStrip-CR1JDzwX.js → ColorStrip-BBTJU1Ox.js} +47 -45
- package/dist/ColorStrip-D3nbTyfs.cjs +1 -0
- package/dist/{Confirm-pgn2HajX.js → Confirm-C-HRTF0s.js} +23 -52
- package/dist/Confirm-w3Ig0L5j.cjs +1 -0
- package/dist/{DataTable-c0ltF6wT.js → DataTable-BVxSUB-h.js} +3 -3
- package/dist/{DataTable-BbiDmA1X.cjs → DataTable-Cnyh04sD.cjs} +1 -1
- package/dist/{DatePicker-YJ8-ViVK.js → DatePicker-BimOzKti.js} +1 -1
- package/dist/{DatePicker-C8_qR25v.cjs → DatePicker-CMPgr4Hp.cjs} +1 -1
- package/dist/{EmptyState-DVg8l-bl.js → EmptyState-CwMG-NeI.js} +1 -1
- package/dist/{EmptyState-henL7JH6.cjs → EmptyState-Cz91HAKF.cjs} +1 -1
- package/dist/{FileUploader-Lzy4bFn7.cjs → FileUploader-BJdRC-Kp.cjs} +1 -1
- package/dist/{FileUploader-BLwR6H3f.js → FileUploader-BO2cDUwP.js} +2 -2
- package/dist/{ImageCropper-CpEGFPKb.cjs → ImageCropper-D7mr-xRE.cjs} +1 -1
- package/dist/{ImageCropper-BX2BnJai.js → ImageCropper-DEaGU0cZ.js} +1 -1
- package/dist/{InfoHint-DesESwdO.cjs → InfoHint-BNpqLVSX.cjs} +1 -1
- package/dist/{InfoHint-JwhhBFZP.js → InfoHint-C663u_NL.js} +1 -1
- package/dist/{InlineEdit-CZEt1vhH.cjs → InlineEdit-D95I45Vt.cjs} +1 -1
- package/dist/{InlineEdit-DNMF_40m.js → InlineEdit-DrhJ0AX2.js} +1 -1
- package/dist/{Message-Daj6hLC4.cjs → Message-Ax7rnAQl.cjs} +1 -1
- package/dist/{Message-BuG5t7bu.js → Message-DqUW3GHc.js} +1 -1
- package/dist/Modal-B1CQyPNo.js +206 -0
- package/dist/Modal-DvukGfHg.cjs +1 -0
- package/dist/{NotificationCenter-DL_Tshyb.js → NotificationCenter-Duu3XZC3.js} +3 -3
- package/dist/{NotificationCenter-D51ty3Lq.cjs → NotificationCenter-oOzClQI-.cjs} +1 -1
- package/dist/{NumberInput-Vc2wzK62.cjs → NumberInput-DKZsdWLv.cjs} +1 -1
- package/dist/{NumberInput-6R8FkJc-.js → NumberInput-_ff3Xi2r.js} +2 -2
- package/dist/{Pagination-B6a62qvI.js → Pagination-6bF88x_p.js} +3 -3
- package/dist/{Pagination-CkBe9Naz.cjs → Pagination-EipK6BGe.cjs} +1 -1
- package/dist/{Panel-BVtGI7YH.js → Panel-D3s_MKfd.js} +1 -1
- package/dist/{Panel-DQfmVtie.cjs → Panel-qDfyu_0v.cjs} +1 -1
- package/dist/{ProgressBar-fAaKT9lD.cjs → ProgressBar-CbqsSdZZ.cjs} +1 -1
- package/dist/{ProgressBar-DjejtCKA.js → ProgressBar-aF2zBoRA.js} +2 -2
- package/dist/{Radio-CQveGtXr.js → Radio-BnI7bi9Y.js} +2 -2
- package/dist/{Radio-DSvkUCxV.cjs → Radio-BqjtCaST.cjs} +1 -1
- package/dist/{ReorderList-Bai4yaIG.cjs → ReorderList-DLQ3rVnX.cjs} +1 -1
- package/dist/{ReorderList-Be-qicSf.js → ReorderList-DpytAupm.js} +1 -1
- package/dist/{Select-swFFQIMN.js → Select-B5t5QtVe.js} +1 -1
- package/dist/{Select-ClCyOqQI.cjs → Select-dAYn2iZO.cjs} +1 -1
- package/dist/{Shell-B8YmApR6.cjs → Shell-9lzopP-w.cjs} +1 -1
- package/dist/{Shell-Dr7LHIqk.js → Shell-B3jhTiNP.js} +99 -96
- package/dist/{ShellPanel-I0ZMGQ4K.js → ShellPanel-B3vZcQhX.js} +1 -1
- package/dist/{ShellPanel-CnN9orWH.cjs → ShellPanel-ChujN0eX.cjs} +1 -1
- package/dist/{SidebarLink-y2If8dtl.js → SidebarLink-B_CGHs0b.js} +1 -1
- package/dist/{SidebarLink-CngTvuB6.cjs → SidebarLink-CZrDLC8g.cjs} +1 -1
- package/dist/{SidebarMenuItem-DoyuIs3w.cjs → SidebarMenuItem-Dc6oh2Nc.cjs} +1 -1
- package/dist/{SidebarMenuItem-DBINoxeA.js → SidebarMenuItem-Dpqr9e0A.js} +1 -1
- package/dist/{Skeleton-D8CHd_4p.cjs → Skeleton-DP9iM6Ku.cjs} +1 -1
- package/dist/{Skeleton-CC7LVdxd.js → Skeleton-sox6qUDk.js} +1 -1
- package/dist/Slider-BNiQaaVa.cjs +1 -0
- package/dist/{Slider-lOhGG7UX.js → Slider-C0761rBk.js} +47 -33
- package/dist/{StepperStep-w1SSX7t7.cjs → StepperStep-B9JEE6WJ.cjs} +1 -1
- package/dist/{StepperStep-DNXUj71b.js → StepperStep-DFeOJ1ju.js} +1 -1
- package/dist/{Tabs-W_4iyGVx.js → Tabs-CQP9zwDw.js} +1 -1
- package/dist/{Tabs-Clg7lzy5.cjs → Tabs-Dp27EDrK.cjs} +1 -1
- package/dist/{TextInput-CGD_wFwo.cjs → TextInput-D4jBlYm9.cjs} +2 -2
- package/dist/{TextInput-CxC2HVj6.js → TextInput-DNrd12uS.js} +2 -2
- package/dist/{Toast-DueO27yl.cjs → Toast-BBsrCQK8.cjs} +1 -1
- package/dist/{Toast-QXobTGZM.js → Toast-cisfK5Zd.js} +1 -1
- package/dist/{Toaster-DcA6PJPt.js → Toaster-C1Uyr6O7.js} +1 -1
- package/dist/{Toaster-DY8o_iiy.cjs → Toaster-Dz_o--LF.cjs} +1 -1
- package/dist/{TreeNode-DS1XJGty.cjs → TreeNode-DB7ipWCg.cjs} +1 -1
- package/dist/{TreeNode-BI-Azvhe.js → TreeNode-a0MHLI27.js} +1 -1
- package/dist/{Walkthrough-DHtLDsOk.cjs → Walkthrough-YD3YYxxM.cjs} +1 -1
- package/dist/{Walkthrough-l7HOZths.js → Walkthrough-qaQ1rved.js} +2 -2
- package/dist/all.cjs +1 -1
- package/dist/all.mjs +137 -135
- package/dist/component-styles.json +1 -1
- package/dist/components/AiLabel.cjs +1 -1
- package/dist/components/AiLabel.mjs +1 -1
- package/dist/components/AiLabel.vue.d.ts.map +1 -1
- package/dist/components/Banner.cjs +1 -1
- package/dist/components/Banner.mjs +1 -1
- package/dist/components/Banner.vue.d.ts.map +1 -1
- package/dist/components/BlueprintControls.cjs +1 -1
- package/dist/components/BlueprintControls.mjs +1 -1
- package/dist/components/BlueprintMinimap.cjs +1 -1
- package/dist/components/BlueprintMinimap.mjs +1 -1
- package/dist/components/BlueprintMinimap.vue.d.ts.map +1 -1
- package/dist/components/Board.vue.d.ts.map +1 -1
- package/dist/components/BottomPanel.cjs +1 -1
- package/dist/components/BottomPanel.mjs +1 -1
- package/dist/components/BottomPanel.vue.d.ts.map +1 -1
- package/dist/components/Button.cjs +1 -1
- package/dist/components/Button.d.ts +25 -1
- package/dist/components/Button.mjs +1 -1
- package/dist/components/Button.vue.d.ts +1 -1
- package/dist/components/Button.vue.d.ts.map +1 -1
- package/dist/components/Calendar.vue.d.ts.map +1 -1
- package/dist/components/Card.cjs +1 -1
- package/dist/components/Card.mjs +1 -1
- package/dist/components/Card.vue.d.ts.map +1 -1
- package/dist/components/Checkbox.cjs +1 -1
- package/dist/components/Checkbox.mjs +1 -1
- package/dist/components/Checkbox.vue.d.ts.map +1 -1
- package/dist/components/CheckboxGroup.cjs +1 -1
- package/dist/components/CheckboxGroup.mjs +1 -1
- package/dist/components/ColorStrip.cjs +1 -1
- package/dist/components/ColorStrip.mjs +1 -1
- package/dist/components/ColorStrip.vue.d.ts.map +1 -1
- package/dist/components/CommandPalette.vue.d.ts.map +1 -1
- package/dist/components/Confirm.cjs +1 -1
- package/dist/components/Confirm.mjs +1 -1
- package/dist/components/Confirm.vue.d.ts +1 -1
- package/dist/components/Confirm.vue.d.ts.map +1 -1
- package/dist/components/DataTable.cjs +1 -1
- package/dist/components/DataTable.mjs +1 -1
- package/dist/components/DataTable.vue.d.ts.map +1 -1
- package/dist/components/DatePicker.cjs +1 -1
- package/dist/components/DatePicker.mjs +1 -1
- package/dist/components/DatePicker.vue.d.ts.map +1 -1
- package/dist/components/EmptyState.cjs +1 -1
- package/dist/components/EmptyState.mjs +1 -1
- package/dist/components/EmptyState.vue.d.ts.map +1 -1
- package/dist/components/FileUploader.cjs +1 -1
- package/dist/components/FileUploader.mjs +1 -1
- package/dist/components/FileUploader.vue.d.ts.map +1 -1
- package/dist/components/ImageCropper.cjs +1 -1
- package/dist/components/ImageCropper.mjs +1 -1
- package/dist/components/ImageCropper.vue.d.ts.map +1 -1
- package/dist/components/InfoHint.cjs +1 -1
- package/dist/components/InfoHint.mjs +1 -1
- package/dist/components/InfoHint.vue.d.ts.map +1 -1
- package/dist/components/InlineEdit.cjs +1 -1
- package/dist/components/InlineEdit.mjs +1 -1
- package/dist/components/InlineEdit.vue.d.ts.map +1 -1
- package/dist/components/Menu.vue.d.ts.map +1 -1
- package/dist/components/MenuItem.vue.d.ts.map +1 -1
- package/dist/components/Message.cjs +1 -1
- package/dist/components/Message.mjs +1 -1
- package/dist/components/Message.vue.d.ts.map +1 -1
- package/dist/components/Modal.cjs +1 -1
- package/dist/components/Modal.d.ts +39 -0
- package/dist/components/Modal.mjs +1 -1
- package/dist/components/Modal.vue.d.ts +3 -0
- package/dist/components/Modal.vue.d.ts.map +1 -1
- package/dist/components/NotificationCenter.cjs +1 -1
- package/dist/components/NotificationCenter.mjs +1 -1
- package/dist/components/NotificationCenter.vue.d.ts.map +1 -1
- package/dist/components/NotificationCenterItem.vue.d.ts.map +1 -1
- package/dist/components/NumberInput.cjs +1 -1
- package/dist/components/NumberInput.mjs +1 -1
- package/dist/components/NumberInput.vue.d.ts.map +1 -1
- package/dist/components/Pagination.cjs +1 -1
- package/dist/components/Pagination.mjs +1 -1
- package/dist/components/Pagination.vue.d.ts.map +1 -1
- package/dist/components/Panel.cjs +1 -1
- package/dist/components/Panel.mjs +1 -1
- package/dist/components/Panel.vue.d.ts.map +1 -1
- package/dist/components/ProgressBar.cjs +1 -1
- package/dist/components/ProgressBar.mjs +1 -1
- package/dist/components/ProgressBar.vue.d.ts.map +1 -1
- package/dist/components/Radio.cjs +1 -1
- package/dist/components/Radio.mjs +1 -1
- package/dist/components/Radio.vue.d.ts.map +1 -1
- package/dist/components/ReorderList.cjs +1 -1
- package/dist/components/ReorderList.mjs +1 -1
- package/dist/components/ReorderList.vue.d.ts.map +1 -1
- package/dist/components/Select.cjs +1 -1
- package/dist/components/Select.mjs +1 -1
- package/dist/components/Select.vue.d.ts.map +1 -1
- package/dist/components/Shell.cjs +1 -1
- package/dist/components/Shell.mjs +1 -1
- package/dist/components/Shell.vue.d.ts.map +1 -1
- package/dist/components/ShellPanel.cjs +1 -1
- package/dist/components/ShellPanel.mjs +1 -1
- package/dist/components/ShellPanel.vue.d.ts.map +1 -1
- package/dist/components/SidebarLink.cjs +1 -1
- package/dist/components/SidebarLink.mjs +1 -1
- package/dist/components/SidebarLink.vue.d.ts.map +1 -1
- package/dist/components/SidebarMenuItem.cjs +1 -1
- package/dist/components/SidebarMenuItem.mjs +1 -1
- package/dist/components/SidebarMenuItem.vue.d.ts.map +1 -1
- package/dist/components/Skeleton.cjs +1 -1
- package/dist/components/Skeleton.mjs +1 -1
- package/dist/components/Skeleton.vue.d.ts.map +1 -1
- package/dist/components/Slider.cjs +1 -1
- package/dist/components/Slider.d.ts +8 -0
- package/dist/components/Slider.mjs +1 -1
- package/dist/components/Slider.vue.d.ts +1 -0
- package/dist/components/Slider.vue.d.ts.map +1 -1
- package/dist/components/StepperStep.cjs +1 -1
- package/dist/components/StepperStep.mjs +1 -1
- package/dist/components/StepperStep.vue.d.ts.map +1 -1
- package/dist/components/Tabs.cjs +1 -1
- package/dist/components/Tabs.mjs +1 -1
- package/dist/components/Tabs.vue.d.ts.map +1 -1
- package/dist/components/TextInput.cjs +1 -1
- package/dist/components/TextInput.mjs +1 -1
- package/dist/components/TextInput.vue.d.ts.map +1 -1
- package/dist/components/Toast.cjs +1 -1
- package/dist/components/Toast.mjs +1 -1
- package/dist/components/Toast.vue.d.ts.map +1 -1
- package/dist/components/Toaster.cjs +1 -1
- package/dist/components/Toaster.mjs +1 -1
- package/dist/components/TreeNode.cjs +1 -1
- package/dist/components/TreeNode.mjs +1 -1
- package/dist/components/TreeNode.vue.d.ts.map +1 -1
- package/dist/components/UserMenu.vue.d.ts.map +1 -1
- package/dist/components/Walkthrough.cjs +1 -1
- package/dist/components/Walkthrough.mjs +1 -1
- package/dist/components/Walkthrough.vue.d.ts.map +1 -1
- package/dist/composables/useAppearance.composable.cjs +1 -0
- package/dist/composables/useAppearance.composable.d.ts +131 -0
- package/dist/composables/useAppearance.composable.d.ts.map +1 -0
- package/dist/composables/useAppearance.composable.mjs +65 -0
- package/dist/composables/useConfirm.composable.cjs +1 -1
- package/dist/composables/useConfirm.composable.mjs +2 -1
- package/dist/composables/useFocusTrap.composable.cjs +1 -0
- package/dist/composables/useFocusTrap.composable.d.ts +91 -0
- package/dist/composables/useFocusTrap.composable.d.ts.map +1 -0
- package/dist/composables/useFocusTrap.composable.mjs +98 -0
- package/dist/composables/useNamedTheme.composable.cjs +1 -0
- package/dist/composables/useNamedTheme.composable.d.ts +98 -0
- package/dist/composables/useNamedTheme.composable.d.ts.map +1 -0
- package/dist/composables/useNamedTheme.composable.mjs +68 -0
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +44 -42
- package/dist/main.d.ts +4 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/plugins/vite/index.d.ts.map +1 -1
- package/dist/plugins/vite/index.js +59 -0
- package/dist/styles/AiLabel.css +1 -1
- package/dist/styles/Banner.css +1 -1
- package/dist/styles/BlueprintMinimap.css +1 -1
- package/dist/styles/Board.css +1 -1
- package/dist/styles/BottomPanel.css +1 -1
- package/dist/styles/Button.css +1 -1
- package/dist/styles/Calendar.css +1 -1
- package/dist/styles/Card.css +1 -1
- package/dist/styles/Checkbox.css +1 -1
- package/dist/styles/ColorStrip.css +1 -1
- package/dist/styles/CommandPalette.css +1 -1
- package/dist/styles/Confirm.css +1 -1
- package/dist/styles/DataTable.css +1 -1
- package/dist/styles/DatePicker.css +1 -1
- package/dist/styles/EmptyState.css +1 -1
- package/dist/styles/FileUploader.css +1 -1
- package/dist/styles/ImageCropper.css +1 -1
- package/dist/styles/InfoHint.css +1 -1
- package/dist/styles/InlineEdit.css +1 -1
- package/dist/styles/Menu.css +1 -1
- package/dist/styles/MenuItem.css +1 -1
- package/dist/styles/Message.css +1 -1
- package/dist/styles/Modal.css +1 -1
- package/dist/styles/NotificationCenter.css +1 -1
- package/dist/styles/NotificationCenterItem.css +1 -1
- package/dist/styles/NumberInput.css +1 -1
- package/dist/styles/Pagination.css +1 -1
- package/dist/styles/Panel.css +1 -1
- package/dist/styles/ProgressBar.css +1 -1
- package/dist/styles/Radio.css +1 -1
- package/dist/styles/ReorderList.css +1 -1
- package/dist/styles/Select.css +1 -1
- package/dist/styles/Shell.css +1 -1
- package/dist/styles/ShellPanel.css +1 -1
- package/dist/styles/SidebarLink.css +1 -1
- package/dist/styles/SidebarMenuItem.css +1 -1
- package/dist/styles/Skeleton.css +1 -1
- package/dist/styles/Slider.css +1 -1
- package/dist/styles/StepperStep.css +1 -1
- package/dist/styles/Tabs.css +1 -1
- package/dist/styles/TextInput.css +1 -1
- package/dist/styles/Toast.css +1 -1
- package/dist/styles/TreeNode.css +1 -1
- package/dist/styles/UserMenu.css +1 -1
- package/dist/styles/Walkthrough.css +1 -1
- package/dist/ui.css +45 -45
- package/package.json +7 -4
- package/src/plugins/vite/index.ts +62 -0
- package/src/styles/_appearance.scss +144 -0
- package/src/styles/_theme-api.scss +193 -0
- package/src/styles/_theme.scss +91 -5
- package/src/styles/index.scss +8 -0
- package/src/styles/logic/_radius.scss +146 -0
- package/src/styles/logic/index.scss +1 -0
- package/src/styles/presets/_classic-fields.scss +55 -0
- package/dist/Button-Dqtcr4i0.cjs +0 -1
- package/dist/ColorStrip-CAcR1O_R.cjs +0 -1
- package/dist/Confirm-CW160zEF.cjs +0 -1
- package/dist/Modal-8lgeNWj8.cjs +0 -1
- package/dist/Modal-iN94HtKE.js +0 -156
- package/dist/Slider-CxrK7cAU.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`),n=require(`./utils/slotContent.helper.cjs`),ee=require(`./composables/useShellSlot.composable.cjs`);let r=require(`vue`);var te=(0,r.defineComponent)({__name:`SurfaceLayerScope`,props:{level:{}},setup(e){let n=e;return(0,r.provide)(t.NB_LAYER_INJECTION_KEY,(0,r.computed)(()=>t.clampLayer(n.level))),(e,t)=>(0,r.renderSlot)(e.$slots,`default`)}}),ne=[`href`],re={class:`nb-shell__middle`},ie=[`id`,`aria-label`,`tabindex`,`inert`,`aria-hidden`],ae={class:`nb-shell__sidebar-logo`},oe={class:`nb-shell__sidebar-nav`},se={class:`nb-shell__sidebar-bottom`},ce={class:`nb-shell__right`},le={class:`nb-shell__content-row`},ue=[`inert`,`aria-hidden`],de={key:1,class:`nb-shell__menubar`},fe={key:2,class:`nb-shell__topbar`},pe=[`aria-label`,`aria-expanded`,`aria-controls`],me=[`aria-expanded`],he={class:`nb-shell__contextbar-toggle-glyph`,"aria-hidden":`true`},ge={class:`nb-shell__main-row`},_e=[`aria-label`],ve=[`id`],ye=[`aria-label`,`inert`,`aria-hidden`],be=[`aria-label`],xe=[`aria-label`,`aria-valuenow`,`aria-valuemax`],i=288,Se=16,Ce=64,we=(0,r.defineComponent)({__name:`Shell`,props:{inspectorVisible:{type:Boolean,default:!1},inspectorExpanded:{type:Boolean,default:!1},inspectorSize:{default:`md`},resizable:{type:Boolean,default:!1},inspectorWidth:{},mainPadding:{type:Boolean,default:!0},sidebarVariant:{default:`compact`},topbar:{default:`auto`},skipToContent:{type:Boolean,default:!0},skipToContentLabel:{default:`Skip to content`},mainId:{},sidebarLabel:{default:`Primary`},inspectorLabel:{default:`Inspector`},contextbarLabel:{default:`Browse`},collapseAt:{default:`md`},sidebarOpen:{type:Boolean},navToggleLabel:{default:`Navigation`},inspectorCloseLabel:{default:`Close inspector`}},emits:[`update:inspectorWidth`,`update:sidebarOpen`,`update:inspectorVisible`],setup(e,{expose:we,emit:a}){let Te=(0,r.useSlots)();function o(e){return n.hasSlotContent(Te,e)}let{registry:Ee,count:s,sharedCount:De,setElement:c}=ee.createShellSlotRegistry();(0,r.provide)(ee.NB_SHELL_SLOT_KEY,Ee);let l=new Map;function u(e){let t=l.get(e);return t||(t=t=>c(e,t??null),l.set(e,t)),t}function d(e){return o(e)||s(e)>0}function f(e){return De(e)>0?`nb-shell__region--ordered`:null}let p=(0,r.computed)(()=>{for(let e of[`sidebar-logo`,`sidebar-nav`,`sidebar-bottom`])if(o(e))return!0;return!1}),m=e,h=(0,r.ref)(!1),g=a,Oe={md:672,lg:1056},_=(0,r.ref)(typeof window<`u`?window.innerWidth:1/0);function v(e){let t=Oe[m.collapseAt];return t!=null&&e<t}let y=0;function b(){let e=window.innerWidth;v(e)!==v(_.value)&&(_.value=e)}function x(){y||=window.requestAnimationFrame(()=>{y=0,_.value=window.innerWidth})}function ke(){typeof window>`u`||(window.removeEventListener(`resize`,x),y&&=(window.cancelAnimationFrame(y),0))}function S(){typeof window>`u`||(_.value=window.innerWidth,window.addEventListener(`resize`,x,{passive:!0}))}let C=(0,r.computed)(()=>v(_.value)),w=(0,r.getCurrentInstance)()?.vnode.props??{};function T(e,t){return e in w||t in w}function Ae(e,t){if(e in w)return w[e];if(t in w)return w[t]}function E(e,t){return T(e,t)&&Ae(e,t)!==void 0}let D=E(`sidebarOpen`,`sidebar-open`),O=(0,r.ref)(!1);T(`sidebarOpen`,`sidebar-open`)&&!D&&(0,r.watch)(()=>m.sidebarOpen,e=>{O.value=e===!0});let k=(0,r.computed)(()=>D?m.sidebarOpen===!0:O.value),je=(0,r.useId)(),Me=(0,r.computed)(()=>`nb-shell-sidebar-${je}`),A=(0,r.ref)(null),j=(0,r.ref)(null),M=(0,r.computed)(()=>p.value&&C.value),N=(0,r.computed)(()=>p.value&&C.value&&!k.value);function P(e){D||(O.value=e),g(`update:sidebarOpen`,e)}function Ne(){if(p.value&&C.value&&k.value){P(!1);return}z.value&&B(!1)}(0,r.watch)(k,async e=>{C.value&&(await(0,r.nextTick)(),e?(j.value?.querySelector(`a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])`)??j.value)?.focus?.():A.value?.focus?.())}),(0,r.watch)(C,e=>{!e&&k.value&&P(!1)});let F=E(`inspectorVisible`,`inspector-visible`),I=(0,r.ref)(m.inspectorVisible===!0);T(`inspectorVisible`,`inspector-visible`)&&!F&&(0,r.watch)(()=>m.inspectorVisible,e=>{I.value=e===!0});let L=(0,r.ref)(!1),R=(0,r.computed)(()=>(F?m.inspectorVisible===!0:I.value)?!(C.value&&L.value):!1),z=(0,r.computed)(()=>C.value&&R.value);function B(e){F?L.value=!e:(I.value=e,L.value=!1),g(`update:inspectorVisible`,e)}(0,r.watch)(()=>m.inspectorVisible,e=>{e&&(L.value=!1)}),(0,r.watch)(C,e=>{e||(L.value=!1)});let V=(0,r.ref)(null),H=(0,r.ref)(null);(0,r.watch)(z,async e=>{if(e)H.value=document.activeElement??null,await(0,r.nextTick)(),V.value?.focus?.();else{let e=H.value;H.value=null,e?.isConnected&&(await(0,r.nextTick)(),e.focus?.())}});let U=(0,r.computed)(()=>z.value),W=(0,r.ref)(null),Pe=(0,r.useId)(),G=(0,r.computed)(()=>m.mainId||`nb-shell-main-${Pe}`);function Fe(){W.value?.focus()}let Ie=(0,r.computed)(()=>M.value||m.topbar===`always`?!0:m.topbar===`never`?!1:o(`topbar-left`)||o(`topbar-right`)||s(`topbar-left`)>0||s(`topbar-right`)>0),{layerProps:Le}=t.useSurfaceLayer(),{layerProps:Re}=t.useSurfaceLayer({level:0,probe:!1,provideContext:!1});(0,r.provide)(`nb-shell-sidebar-variant`,(0,r.toRef)(m,`sidebarVariant`));let K=(0,r.ref)(null),q=(0,r.ref)(!1);(0,r.onMounted)(()=>c(`inspector`,K.value)),(0,r.watch)(K,e=>c(`inspector`,e));let ze={lg:.5,xl:.75},Be={xs:288,sm:360,md:560},J=(0,r.computed)(()=>Number.isFinite(_.value)?_.value:1280),Y=(0,r.computed)(()=>Math.max(i,J.value*.5));function X(e){return Math.round(Math.max(i,Math.min(e,Y.value)))}let Ve=E(`inspectorWidth`,`inspector-width`),He=(0,r.ref)(null),Ue=(0,r.computed)(()=>Ve?m.inspectorWidth??null:He.value);function Z(e){Ve||(He.value=e),g(`update:inspectorWidth`,e)}let We=(0,r.computed)(()=>{let e=Ue.value;if(!(!m.resizable||!R.value||e==null))return{"--nb-shell-inspector-width":`${X(e)}px`}}),Q=(0,r.computed)(()=>{let e=Ue.value;if(e!=null)return X(e);if(m.inspectorExpanded)return Math.round(J.value*.5);let t=ze[m.inspectorSize],n=t==null?Be[m.inspectorSize]??i:J.value*t;return Math.round(m.inspectorSize===`xl`?n:Math.min(n,Y.value))}),Ge=(0,r.computed)(()=>Math.round(Math.max(Y.value,Q.value))),Ke=(0,r.computed)(()=>Q.value);function qe(){return Q.value}function Je(e){let t=K.value;if(!t)return;let n=t.getBoundingClientRect().right;Z(X(n-e.clientX))}function $(){q.value=!1,window.removeEventListener(`pointermove`,Je),window.removeEventListener(`pointerup`,$),window.removeEventListener(`pointercancel`,$)}function Ye(e){m.resizable&&(e.preventDefault(),q.value=!0,window.addEventListener(`pointermove`,Je),window.addEventListener(`pointerup`,$),window.addEventListener(`pointercancel`,$))}function Xe(){Z(null)}function Ze(e){if(!m.resizable)return;let t=e.shiftKey?Ce:Se,n;switch(e.key){case`ArrowLeft`:n=qe()+t;break;case`ArrowRight`:n=qe()-t;break;case`Home`:n=i;break;case`End`:n=Y.value;break;case`Enter`:case` `:n=null;break;default:return}e.preventDefault(),Z(n==null?null:X(n))}return(0,r.onMounted)(()=>{typeof window>`u`||(_.value=window.innerWidth,window.addEventListener(`resize`,b,{passive:!0}),m.resizable&&S())}),(0,r.watch)(()=>m.collapseAt,()=>{typeof window<`u`&&(_.value=window.innerWidth)}),(0,r.watch)(()=>m.resizable,e=>e?S():ke()),(0,r.onBeforeUnmount)(()=>{$(),ke(),typeof window<`u`&&window.removeEventListener(`resize`,b)}),we({mainEl:W,sidebarEl:j,inspectorEl:K,focusMain:()=>W.value?.focus(),setSidebarOpen:P,setInspectorVisible:B}),(t,n)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,(0,r.mergeProps)({class:`nb-shell`},(0,r.unref)(Le),{class:[{"nb-shell--no-sidebar":!p.value},p.value?`nb-shell--sidebar-${e.sidebarVariant}`:null,{"nb-shell--collapsed":C.value,"nb-shell--drawer-open":C.value&&k.value}],onKeydown:(0,r.withKeys)(Ne,[`esc`])}),[e.skipToContent?((0,r.openBlock)(),(0,r.createElementBlock)(`a`,{key:0,class:`nb-shell__skip-link`,href:`#${G.value}`,onClick:Fe},(0,r.toDisplayString)(e.skipToContentLabel),9,ne)):(0,r.createCommentVNode)(``,!0),d(`outer-menu`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,ref:u(`outer-menu`),class:(0,r.normalizeClass)([`nb-shell__outer-menu`,f(`outer-menu`)])},[(0,r.renderSlot)(t.$slots,`outer-menu`,{},void 0,!0)],2)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,re,[p.value?((0,r.openBlock)(),(0,r.createElementBlock)(`nav`,{key:0,id:Me.value,ref_key:`sidebarRef`,ref:j,class:`nb-shell__sidebar`,"aria-label":e.sidebarLabel,tabindex:C.value?-1:void 0,inert:N.value||void 0,"aria-hidden":N.value||void 0},[(0,r.createElementVNode)(`div`,ae,[(0,r.renderSlot)(t.$slots,`sidebar-logo`,{},void 0,!0)]),(0,r.createElementVNode)(`div`,oe,[(0,r.renderSlot)(t.$slots,`sidebar-nav`,{},void 0,!0)]),n[4]||=(0,r.createElementVNode)(`div`,{class:`nb-shell__sidebar-spacer`},null,-1),(0,r.createElementVNode)(`div`,se,[(0,r.renderSlot)(t.$slots,`sidebar-bottom`,{},void 0,!0)])],8,ie)):(0,r.createCommentVNode)(``,!0),p.value&&C.value&&k.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:`nb-shell__scrim`,onClick:n[0]||=e=>P(!1)})):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,ce,[d(`inner-menu`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,ref:u(`inner-menu`),class:(0,r.normalizeClass)([`nb-shell__inner-menu`,f(`inner-menu`)])},[(0,r.renderSlot)(t.$slots,`inner-menu`,{},void 0,!0)],2)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,le,[(0,r.createElementVNode)(`div`,{class:`nb-shell__body`,inert:U.value||void 0,"aria-hidden":U.value||void 0},[d(`notification`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,ref:u(`notification`),class:(0,r.normalizeClass)([`nb-shell__notification`,f(`notification`)])},[(0,r.renderSlot)(t.$slots,`notification`,{},void 0,!0)],2)):(0,r.createCommentVNode)(``,!0),o(`menubar`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,de,[(0,r.renderSlot)(t.$slots,`menubar`,{},void 0,!0)])):(0,r.createCommentVNode)(``,!0),Ie.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,fe,[M.value?((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:0,ref_key:`navToggleRef`,ref:A,type:`button`,class:`nb-shell__nav-toggle`,"aria-label":e.navToggleLabel,"aria-expanded":k.value,"aria-controls":Me.value,onClick:n[1]||=e=>P(!k.value)},[...n[5]||=[(0,r.createElementVNode)(`span`,{class:`nb-shell__nav-toggle-glyph`,"aria-hidden":`true`},[(0,r.createElementVNode)(`span`),(0,r.createElementVNode)(`span`),(0,r.createElementVNode)(`span`)],-1)]],8,pe)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,{ref:u(`topbar-left`),class:`nb-shell__topbar-left`},[(0,r.renderSlot)(t.$slots,`topbar-left`,{},void 0,!0)],512),(0,r.createElementVNode)(`div`,{ref:u(`topbar-right`),class:`nb-shell__topbar-right`},[(0,r.renderSlot)(t.$slots,`topbar-right`,{},void 0,!0)],512)])):(0,r.createCommentVNode)(``,!0),d(`fixedbar`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:3,ref:u(`fixedbar`),class:`nb-shell__fixedbar`},[(0,r.renderSlot)(t.$slots,`fixedbar`,{},void 0,!0)],512)):(0,r.createCommentVNode)(``,!0),C.value&&d(`contextbar`)?((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:4,type:`button`,class:`nb-shell__contextbar-toggle`,"aria-expanded":h.value,onClick:n[2]||=e=>h.value=!h.value},[(0,r.createElementVNode)(`span`,null,(0,r.toDisplayString)(e.contextbarLabel),1),(0,r.createElementVNode)(`span`,he,(0,r.toDisplayString)(h.value?`▾`:`▸`),1)],8,me)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,ge,[d(`contextbar`)?(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createElementBlock)(`aside`,{key:0,ref:u(`contextbar`),class:(0,r.normalizeClass)([`nb-shell__contextbar`,f(`contextbar`)]),"aria-label":e.contextbarLabel},[(0,r.renderSlot)(t.$slots,`contextbar`,{},void 0,!0)],10,_e)),[[r.vShow,!C.value||h.value]]):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`main`,(0,r.mergeProps)({id:G.value,ref_key:`mainRef`,ref:W,tabindex:`-1`,class:[`nb-shell__main`,{"nb-shell__main--no-padding":!e.mainPadding}]},(0,r.unref)(Re)),[(0,r.createVNode)(te,{level:1},{default:(0,r.withCtx)(()=>[(0,r.renderSlot)(t.$slots,`default`,{},void 0,!0)]),_:3})],16,ve)]),d(`bottom`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:5,ref:u(`bottom`),class:`nb-shell__bottom`},[(0,r.renderSlot)(t.$slots,`bottom`,{},void 0,!0)],512)):(0,r.createCommentVNode)(``,!0)],8,ue),(0,r.createElementVNode)(`aside`,{ref_key:`inspectorRef`,ref:K,class:(0,r.normalizeClass)([`nb-shell__inspector`,{"nb-shell__inspector--visible":R.value,"nb-shell__inspector--expanded":R.value&&e.inspectorExpanded,[`nb-shell__inspector--${e.inspectorSize}`]:R.value,"nb-shell__inspector--resizing":q.value,"nb-shell__inspector--overlay":z.value}]),"aria-label":e.inspectorLabel,inert:!R.value||void 0,"aria-hidden":!R.value||void 0,style:(0,r.normalizeStyle)(We.value)},[z.value?((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:0,ref_key:`inspectorDismissRef`,ref:V,type:`button`,class:`nb-shell__inspector-dismiss`,"aria-label":e.inspectorCloseLabel,onClick:n[3]||=e=>B(!1)},[...n[6]||=[(0,r.createElementVNode)(`span`,{class:`nb-shell__inspector-dismiss-glyph`,"aria-hidden":`true`},`×`,-1)]],8,be)):(0,r.createCommentVNode)(``,!0),e.resizable&&R.value&&!C.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:`nb-shell__inspector-resize`,role:`separator`,tabindex:`0`,"aria-orientation":`vertical`,"aria-label":`Resize ${e.inspectorLabel}`,"aria-valuenow":Ke.value,"aria-valuemin":i,"aria-valuemax":Ge.value,title:`Drag or use the arrow keys to resize, Enter or double-click to reset`,onPointerdown:Ye,onDblclick:Xe,onKeydown:Ze},null,40,xe)):(0,r.createCommentVNode)(``,!0),(0,r.renderSlot)(t.$slots,`inspector`,{},void 0,!0)],14,ye)])])])],16))}}),a=e.t(we,[[`__scopeId`,`data-v-eea96bce`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`),n=require(`./utils/slotContent.helper.cjs`),ee=require(`./composables/useShellSlot.composable.cjs`);let r=require(`vue`);var te=(0,r.defineComponent)({__name:`SurfaceLayerScope`,props:{level:{}},setup(e){let n=e;return(0,r.provide)(t.NB_LAYER_INJECTION_KEY,(0,r.computed)(()=>t.clampLayer(n.level))),(e,t)=>(0,r.renderSlot)(e.$slots,`default`)}}),ne=[`href`],re={class:`nb-shell__middle`},ie=[`id`,`aria-label`,`tabindex`,`inert`,`aria-hidden`],ae={class:`nb-shell__sidebar-logo`},oe={class:`nb-shell__sidebar-nav`},se={class:`nb-shell__sidebar-bottom`},ce={class:`nb-shell__right`},le={key:2,class:`nb-shell__menubar`},ue={key:3,class:`nb-shell__topbar`},de=[`aria-label`,`aria-expanded`,`aria-controls`],fe={class:`nb-shell__content-row`},pe=[`inert`,`aria-hidden`],me=[`aria-expanded`],he={class:`nb-shell__contextbar-toggle-glyph`,"aria-hidden":`true`},ge={class:`nb-shell__main-row`},_e=[`aria-label`],ve=[`id`],ye=[`aria-label`,`inert`,`aria-hidden`],be=[`aria-label`],xe=[`aria-label`,`aria-valuenow`,`aria-valuemax`],i=288,Se=16,Ce=64,we=(0,r.defineComponent)({__name:`Shell`,props:{inspectorVisible:{type:Boolean,default:!1},inspectorExpanded:{type:Boolean,default:!1},inspectorSize:{default:`md`},resizable:{type:Boolean,default:!1},inspectorWidth:{},mainPadding:{type:Boolean,default:!0},sidebarVariant:{default:`compact`},topbar:{default:`auto`},skipToContent:{type:Boolean,default:!0},skipToContentLabel:{default:`Skip to content`},mainId:{},sidebarLabel:{default:`Primary`},inspectorLabel:{default:`Inspector`},contextbarLabel:{default:`Browse`},collapseAt:{default:`md`},sidebarOpen:{type:Boolean},navToggleLabel:{default:`Navigation`},inspectorCloseLabel:{default:`Close inspector`}},emits:[`update:inspectorWidth`,`update:sidebarOpen`,`update:inspectorVisible`],setup(e,{expose:we,emit:a}){let Te=(0,r.useSlots)();function o(e){return n.hasSlotContent(Te,e)}let{registry:Ee,count:s,sharedCount:De,setElement:c}=ee.createShellSlotRegistry();(0,r.provide)(ee.NB_SHELL_SLOT_KEY,Ee);let l=new Map;function u(e){let t=l.get(e);return t||(t=t=>c(e,t??null),l.set(e,t)),t}function d(e){return o(e)||s(e)>0}function f(e){return De(e)>0?`nb-shell__region--ordered`:null}let p=(0,r.computed)(()=>{for(let e of[`sidebar-logo`,`sidebar-nav`,`sidebar-bottom`])if(o(e))return!0;return!1}),m=e,h=(0,r.ref)(!1),g=a,Oe={md:672,lg:1056},_=(0,r.ref)(typeof window<`u`?window.innerWidth:1/0);function v(e){let t=Oe[m.collapseAt];return t!=null&&e<t}let y=0;function b(){let e=window.innerWidth;v(e)!==v(_.value)&&(_.value=e)}function x(){y||=window.requestAnimationFrame(()=>{y=0,_.value=window.innerWidth})}function ke(){typeof window>`u`||(window.removeEventListener(`resize`,x),y&&=(window.cancelAnimationFrame(y),0))}function S(){typeof window>`u`||(_.value=window.innerWidth,window.addEventListener(`resize`,x,{passive:!0}))}let C=(0,r.computed)(()=>v(_.value)),w=(0,r.getCurrentInstance)()?.vnode.props??{};function T(e,t){return e in w||t in w}function Ae(e,t){if(e in w)return w[e];if(t in w)return w[t]}function E(e,t){return T(e,t)&&Ae(e,t)!==void 0}let D=E(`sidebarOpen`,`sidebar-open`),O=(0,r.ref)(!1);T(`sidebarOpen`,`sidebar-open`)&&!D&&(0,r.watch)(()=>m.sidebarOpen,e=>{O.value=e===!0});let k=(0,r.computed)(()=>D?m.sidebarOpen===!0:O.value),je=(0,r.useId)(),Me=(0,r.computed)(()=>`nb-shell-sidebar-${je}`),A=(0,r.ref)(null),j=(0,r.ref)(null),M=(0,r.computed)(()=>p.value&&C.value),N=(0,r.computed)(()=>p.value&&C.value&&!k.value);function P(e){D||(O.value=e),g(`update:sidebarOpen`,e)}function Ne(){if(p.value&&C.value&&k.value){P(!1);return}z.value&&B(!1)}(0,r.watch)(k,async e=>{C.value&&(await(0,r.nextTick)(),e?(j.value?.querySelector(`a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])`)??j.value)?.focus?.():A.value?.focus?.())}),(0,r.watch)(C,e=>{!e&&k.value&&P(!1)});let F=E(`inspectorVisible`,`inspector-visible`),I=(0,r.ref)(m.inspectorVisible===!0);T(`inspectorVisible`,`inspector-visible`)&&!F&&(0,r.watch)(()=>m.inspectorVisible,e=>{I.value=e===!0});let L=(0,r.ref)(!1),R=(0,r.computed)(()=>(F?m.inspectorVisible===!0:I.value)?!(C.value&&L.value):!1),z=(0,r.computed)(()=>C.value&&R.value);function B(e){F?L.value=!e:(I.value=e,L.value=!1),g(`update:inspectorVisible`,e)}(0,r.watch)(()=>m.inspectorVisible,e=>{e&&(L.value=!1)}),(0,r.watch)(C,e=>{e||(L.value=!1)});let V=(0,r.ref)(null),H=(0,r.ref)(null);(0,r.watch)(z,async e=>{if(e)H.value=document.activeElement??null,await(0,r.nextTick)(),V.value?.focus?.();else{let e=H.value;H.value=null,e?.isConnected&&(await(0,r.nextTick)(),e.focus?.())}});let U=(0,r.computed)(()=>z.value),W=(0,r.ref)(null),Pe=(0,r.useId)(),G=(0,r.computed)(()=>m.mainId||`nb-shell-main-${Pe}`);function Fe(){W.value?.focus()}let Ie=(0,r.computed)(()=>M.value||m.topbar===`always`?!0:m.topbar===`never`?!1:o(`topbar-left`)||o(`topbar-right`)||s(`topbar-left`)>0||s(`topbar-right`)>0),{layerProps:Le}=t.useSurfaceLayer(),{layerProps:Re}=t.useSurfaceLayer({level:0,probe:!1,provideContext:!1});(0,r.provide)(`nb-shell-sidebar-variant`,(0,r.toRef)(m,`sidebarVariant`));let K=(0,r.ref)(null),q=(0,r.ref)(!1);(0,r.onMounted)(()=>c(`inspector`,K.value)),(0,r.watch)(K,e=>c(`inspector`,e));let ze={lg:.5,xl:.75},Be={xs:288,sm:360,md:560},J=(0,r.computed)(()=>Number.isFinite(_.value)?_.value:1280),Y=(0,r.computed)(()=>Math.max(i,J.value*.5));function X(e){return Math.round(Math.max(i,Math.min(e,Y.value)))}let Ve=E(`inspectorWidth`,`inspector-width`),He=(0,r.ref)(null),Ue=(0,r.computed)(()=>Ve?m.inspectorWidth??null:He.value);function Z(e){Ve||(He.value=e),g(`update:inspectorWidth`,e)}let We=(0,r.computed)(()=>{let e=Ue.value;if(!(!m.resizable||!R.value||e==null))return{"--nb-shell-inspector-width":`${X(e)}px`}}),Q=(0,r.computed)(()=>{let e=Ue.value;if(e!=null)return X(e);if(m.inspectorExpanded)return Math.round(J.value*.5);let t=ze[m.inspectorSize],n=t==null?Be[m.inspectorSize]??i:J.value*t;return Math.round(m.inspectorSize===`xl`?n:Math.min(n,Y.value))}),Ge=(0,r.computed)(()=>Math.round(Math.max(Y.value,Q.value))),Ke=(0,r.computed)(()=>Q.value);function qe(){return Q.value}function Je(e){let t=K.value;if(!t)return;let n=t.getBoundingClientRect().right;Z(X(n-e.clientX))}function $(){q.value=!1,window.removeEventListener(`pointermove`,Je),window.removeEventListener(`pointerup`,$),window.removeEventListener(`pointercancel`,$)}function Ye(e){m.resizable&&(e.preventDefault(),q.value=!0,window.addEventListener(`pointermove`,Je),window.addEventListener(`pointerup`,$),window.addEventListener(`pointercancel`,$))}function Xe(){Z(null)}function Ze(e){if(!m.resizable)return;let t=e.shiftKey?Ce:Se,n;switch(e.key){case`ArrowLeft`:n=qe()+t;break;case`ArrowRight`:n=qe()-t;break;case`Home`:n=i;break;case`End`:n=Y.value;break;case`Enter`:case` `:n=null;break;default:return}e.preventDefault(),Z(n==null?null:X(n))}return(0,r.onMounted)(()=>{typeof window>`u`||(_.value=window.innerWidth,window.addEventListener(`resize`,b,{passive:!0}),m.resizable&&S())}),(0,r.watch)(()=>m.collapseAt,()=>{typeof window<`u`&&(_.value=window.innerWidth)}),(0,r.watch)(()=>m.resizable,e=>e?S():ke()),(0,r.onBeforeUnmount)(()=>{$(),ke(),typeof window<`u`&&window.removeEventListener(`resize`,b)}),we({mainEl:W,sidebarEl:j,inspectorEl:K,focusMain:()=>W.value?.focus(),setSidebarOpen:P,setInspectorVisible:B}),(t,n)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,(0,r.mergeProps)({class:`nb-shell`},(0,r.unref)(Le),{class:[{"nb-shell--no-sidebar":!p.value},p.value?`nb-shell--sidebar-${e.sidebarVariant}`:null,{"nb-shell--collapsed":C.value,"nb-shell--drawer-open":C.value&&k.value}],onKeydown:(0,r.withKeys)(Ne,[`esc`])}),[e.skipToContent?((0,r.openBlock)(),(0,r.createElementBlock)(`a`,{key:0,class:`nb-shell__skip-link`,href:`#${G.value}`,onClick:Fe},(0,r.toDisplayString)(e.skipToContentLabel),9,ne)):(0,r.createCommentVNode)(``,!0),d(`outer-menu`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,ref:u(`outer-menu`),class:(0,r.normalizeClass)([`nb-shell__outer-menu`,f(`outer-menu`)])},[(0,r.renderSlot)(t.$slots,`outer-menu`,{},void 0,!0)],2)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,re,[p.value?((0,r.openBlock)(),(0,r.createElementBlock)(`nav`,{key:0,id:Me.value,ref_key:`sidebarRef`,ref:j,class:`nb-shell__sidebar`,"aria-label":e.sidebarLabel,tabindex:C.value?-1:void 0,inert:N.value||void 0,"aria-hidden":N.value||void 0},[(0,r.createElementVNode)(`div`,ae,[(0,r.renderSlot)(t.$slots,`sidebar-logo`,{},void 0,!0)]),(0,r.createElementVNode)(`div`,oe,[(0,r.renderSlot)(t.$slots,`sidebar-nav`,{},void 0,!0)]),n[4]||=(0,r.createElementVNode)(`div`,{class:`nb-shell__sidebar-spacer`},null,-1),(0,r.createElementVNode)(`div`,se,[(0,r.renderSlot)(t.$slots,`sidebar-bottom`,{},void 0,!0)])],8,ie)):(0,r.createCommentVNode)(``,!0),p.value&&C.value&&k.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:`nb-shell__scrim`,onClick:n[0]||=e=>P(!1)})):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,ce,[d(`inner-menu`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,ref:u(`inner-menu`),class:(0,r.normalizeClass)([`nb-shell__inner-menu`,f(`inner-menu`)])},[(0,r.renderSlot)(t.$slots,`inner-menu`,{},void 0,!0)],2)):(0,r.createCommentVNode)(``,!0),d(`notification`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,ref:u(`notification`),class:(0,r.normalizeClass)([`nb-shell__notification`,f(`notification`)])},[(0,r.renderSlot)(t.$slots,`notification`,{},void 0,!0)],2)):(0,r.createCommentVNode)(``,!0),o(`menubar`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,le,[(0,r.renderSlot)(t.$slots,`menubar`,{},void 0,!0)])):(0,r.createCommentVNode)(``,!0),Ie.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,ue,[M.value?((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:0,ref_key:`navToggleRef`,ref:A,type:`button`,class:`nb-shell__nav-toggle`,"aria-label":e.navToggleLabel,"aria-expanded":k.value,"aria-controls":Me.value,onClick:n[1]||=e=>P(!k.value)},[...n[5]||=[(0,r.createElementVNode)(`span`,{class:`nb-shell__nav-toggle-glyph`,"aria-hidden":`true`},[(0,r.createElementVNode)(`span`),(0,r.createElementVNode)(`span`),(0,r.createElementVNode)(`span`)],-1)]],8,de)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,{ref:u(`topbar-left`),class:`nb-shell__topbar-left`},[(0,r.renderSlot)(t.$slots,`topbar-left`,{},void 0,!0)],512),(0,r.createElementVNode)(`div`,{ref:u(`topbar-right`),class:`nb-shell__topbar-right`},[(0,r.renderSlot)(t.$slots,`topbar-right`,{},void 0,!0)],512)])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,fe,[(0,r.createElementVNode)(`div`,{class:`nb-shell__body`,inert:U.value||void 0,"aria-hidden":U.value||void 0},[d(`fixedbar`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,ref:u(`fixedbar`),class:`nb-shell__fixedbar`},[(0,r.renderSlot)(t.$slots,`fixedbar`,{},void 0,!0)],512)):(0,r.createCommentVNode)(``,!0),C.value&&d(`contextbar`)?((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:1,type:`button`,class:`nb-shell__contextbar-toggle`,"aria-expanded":h.value,onClick:n[2]||=e=>h.value=!h.value},[(0,r.createElementVNode)(`span`,null,(0,r.toDisplayString)(e.contextbarLabel),1),(0,r.createElementVNode)(`span`,he,(0,r.toDisplayString)(h.value?`▾`:`▸`),1)],8,me)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,ge,[d(`contextbar`)?(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createElementBlock)(`aside`,{key:0,ref:u(`contextbar`),class:(0,r.normalizeClass)([`nb-shell__contextbar`,f(`contextbar`)]),"aria-label":e.contextbarLabel},[(0,r.renderSlot)(t.$slots,`contextbar`,{},void 0,!0)],10,_e)),[[r.vShow,!C.value||h.value]]):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`main`,(0,r.mergeProps)({id:G.value,ref_key:`mainRef`,ref:W,tabindex:`-1`,class:[`nb-shell__main`,{"nb-shell__main--no-padding":!e.mainPadding}]},(0,r.unref)(Re)),[(0,r.createVNode)(te,{level:1},{default:(0,r.withCtx)(()=>[(0,r.renderSlot)(t.$slots,`default`,{},void 0,!0)]),_:3})],16,ve)]),d(`bottom`)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:2,ref:u(`bottom`),class:`nb-shell__bottom`},[(0,r.renderSlot)(t.$slots,`bottom`,{},void 0,!0)],512)):(0,r.createCommentVNode)(``,!0)],8,pe),(0,r.createElementVNode)(`aside`,{ref_key:`inspectorRef`,ref:K,class:(0,r.normalizeClass)([`nb-shell__inspector`,{"nb-shell__inspector--visible":R.value,"nb-shell__inspector--expanded":R.value&&e.inspectorExpanded,[`nb-shell__inspector--${e.inspectorSize}`]:R.value,"nb-shell__inspector--resizing":q.value,"nb-shell__inspector--overlay":z.value}]),"aria-label":e.inspectorLabel,inert:!R.value||void 0,"aria-hidden":!R.value||void 0,style:(0,r.normalizeStyle)(We.value)},[z.value?((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:0,ref_key:`inspectorDismissRef`,ref:V,type:`button`,class:`nb-shell__inspector-dismiss`,"aria-label":e.inspectorCloseLabel,onClick:n[3]||=e=>B(!1)},[...n[6]||=[(0,r.createElementVNode)(`span`,{class:`nb-shell__inspector-dismiss-glyph`,"aria-hidden":`true`},`×`,-1)]],8,be)):(0,r.createCommentVNode)(``,!0),e.resizable&&R.value&&!C.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:`nb-shell__inspector-resize`,role:`separator`,tabindex:`0`,"aria-orientation":`vertical`,"aria-label":`Resize ${e.inspectorLabel}`,"aria-valuenow":Ke.value,"aria-valuemin":i,"aria-valuemax":Ge.value,title:`Drag or use the arrow keys to resize, Enter or double-click to reset`,onPointerdown:Ye,onDblclick:Xe,onKeydown:Ze},null,40,xe)):(0,r.createCommentVNode)(``,!0),(0,r.renderSlot)(t.$slots,`inspector`,{},void 0,!0)],14,ye)])])])],16))}}),a=e.t(we,[[`__scopeId`,`data-v-61a2a3ea`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
|
|
@@ -18,17 +18,17 @@ var _e = /* @__PURE__ */ c({
|
|
|
18
18
|
"tabindex",
|
|
19
19
|
"inert",
|
|
20
20
|
"aria-hidden"
|
|
21
|
-
], xe = { class: "nb-shell__sidebar-logo" }, Se = { class: "nb-shell__sidebar-nav" }, Ce = { class: "nb-shell__sidebar-bottom" }, we = { class: "nb-shell__right" }, Te = {
|
|
22
|
-
key: 1,
|
|
23
|
-
class: "nb-shell__menubar"
|
|
24
|
-
}, Oe = {
|
|
21
|
+
], xe = { class: "nb-shell__sidebar-logo" }, Se = { class: "nb-shell__sidebar-nav" }, Ce = { class: "nb-shell__sidebar-bottom" }, we = { class: "nb-shell__right" }, Te = {
|
|
25
22
|
key: 2,
|
|
23
|
+
class: "nb-shell__menubar"
|
|
24
|
+
}, Ee = {
|
|
25
|
+
key: 3,
|
|
26
26
|
class: "nb-shell__topbar"
|
|
27
|
-
},
|
|
27
|
+
}, De = [
|
|
28
28
|
"aria-label",
|
|
29
29
|
"aria-expanded",
|
|
30
30
|
"aria-controls"
|
|
31
|
-
], Ae = ["aria-expanded"], je = {
|
|
31
|
+
], Oe = { class: "nb-shell__content-row" }, ke = ["inert", "aria-hidden"], Ae = ["aria-expanded"], je = {
|
|
32
32
|
class: "nb-shell__contextbar-toggle-glyph",
|
|
33
33
|
"aria-hidden": "true"
|
|
34
34
|
}, Me = { class: "nb-shell__main-row" }, Ne = ["aria-label"], Pe = ["id"], Fe = [
|
|
@@ -318,22 +318,19 @@ var _e = /* @__PURE__ */ c({
|
|
|
318
318
|
class: "nb-shell__scrim",
|
|
319
319
|
onClick: n[0] ||= (e) => R(!1)
|
|
320
320
|
})) : a("", !0),
|
|
321
|
-
s("div", we, [
|
|
322
|
-
|
|
323
|
-
ref: x("inner-menu"),
|
|
324
|
-
class: u(["nb-shell__inner-menu", C("inner-menu")])
|
|
325
|
-
}, [m(t.$slots, "inner-menu", {}, void 0, !0)], 2)) : a("", !0), s("div", Te, [s("div", {
|
|
326
|
-
class: "nb-shell__body",
|
|
327
|
-
inert: rt.value || void 0,
|
|
328
|
-
"aria-hidden": rt.value || void 0
|
|
329
|
-
}, [
|
|
330
|
-
S("notification") ? (d(), o("div", {
|
|
321
|
+
s("div", we, [
|
|
322
|
+
S("inner-menu") ? (d(), o("div", {
|
|
331
323
|
key: 0,
|
|
324
|
+
ref: x("inner-menu"),
|
|
325
|
+
class: u(["nb-shell__inner-menu", C("inner-menu")])
|
|
326
|
+
}, [m(t.$slots, "inner-menu", {}, void 0, !0)], 2)) : a("", !0),
|
|
327
|
+
S("notification") ? (d(), o("div", {
|
|
328
|
+
key: 1,
|
|
332
329
|
ref: x("notification"),
|
|
333
330
|
class: u(["nb-shell__notification", C("notification")])
|
|
334
331
|
}, [m(t.$slots, "notification", {}, void 0, !0)], 2)) : a("", !0),
|
|
335
|
-
v("menubar") ? (d(), o("div",
|
|
336
|
-
st.value ? (d(), o("div",
|
|
332
|
+
v("menubar") ? (d(), o("div", Te, [m(t.$slots, "menubar", {}, void 0, !0)])) : a("", !0),
|
|
333
|
+
st.value ? (d(), o("div", Ee, [
|
|
337
334
|
$e.value ? (d(), o("button", {
|
|
338
335
|
key: 0,
|
|
339
336
|
ref_key: "navToggleRef",
|
|
@@ -351,7 +348,7 @@ var _e = /* @__PURE__ */ c({
|
|
|
351
348
|
s("span"),
|
|
352
349
|
s("span"),
|
|
353
350
|
s("span")
|
|
354
|
-
], -1)]], 8,
|
|
351
|
+
], -1)]], 8, De)) : a("", !0),
|
|
355
352
|
s("div", {
|
|
356
353
|
ref: x("topbar-left"),
|
|
357
354
|
class: "nb-shell__topbar-left"
|
|
@@ -361,85 +358,91 @@ var _e = /* @__PURE__ */ c({
|
|
|
361
358
|
class: "nb-shell__topbar-right"
|
|
362
359
|
}, [m(t.$slots, "topbar-right", {}, void 0, !0)], 512)
|
|
363
360
|
])) : a("", !0),
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
}, [
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
"
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
"
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
"
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
"nb-shell__inspector
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
361
|
+
s("div", Oe, [s("div", {
|
|
362
|
+
class: "nb-shell__body",
|
|
363
|
+
inert: rt.value || void 0,
|
|
364
|
+
"aria-hidden": rt.value || void 0
|
|
365
|
+
}, [
|
|
366
|
+
S("fixedbar") ? (d(), o("div", {
|
|
367
|
+
key: 0,
|
|
368
|
+
ref: x("fixedbar"),
|
|
369
|
+
class: "nb-shell__fixedbar"
|
|
370
|
+
}, [m(t.$slots, "fixedbar", {}, void 0, !0)], 512)) : a("", !0),
|
|
371
|
+
j.value && S("contextbar") ? (d(), o("button", {
|
|
372
|
+
key: 1,
|
|
373
|
+
type: "button",
|
|
374
|
+
class: "nb-shell__contextbar-toggle",
|
|
375
|
+
"aria-expanded": E.value,
|
|
376
|
+
onClick: n[2] ||= (e) => E.value = !E.value
|
|
377
|
+
}, [s("span", null, h(e.contextbarLabel), 1), s("span", je, h(E.value ? "▾" : "▸"), 1)], 8, Ae)) : a("", !0),
|
|
378
|
+
s("div", Me, [S("contextbar") ? he((d(), o("aside", {
|
|
379
|
+
key: 0,
|
|
380
|
+
ref: x("contextbar"),
|
|
381
|
+
class: u(["nb-shell__contextbar", C("contextbar")]),
|
|
382
|
+
"aria-label": e.contextbarLabel
|
|
383
|
+
}, [m(t.$slots, "contextbar", {}, void 0, !0)], 10, Ne)), [[pe, !j.value || E.value]]) : a("", !0), s("main", ae({
|
|
384
|
+
id: at.value,
|
|
385
|
+
ref_key: "mainRef",
|
|
386
|
+
ref: K,
|
|
387
|
+
tabindex: "-1",
|
|
388
|
+
class: ["nb-shell__main", { "nb-shell__main--no-padding": !e.mainPadding }]
|
|
389
|
+
}, ue(lt)), [re(_e, { level: 1 }, {
|
|
390
|
+
default: me(() => [m(t.$slots, "default", {}, void 0, !0)]),
|
|
391
|
+
_: 3
|
|
392
|
+
})], 16, Pe)]),
|
|
393
|
+
S("bottom") ? (d(), o("div", {
|
|
394
|
+
key: 2,
|
|
395
|
+
ref: x("bottom"),
|
|
396
|
+
class: "nb-shell__bottom"
|
|
397
|
+
}, [m(t.$slots, "bottom", {}, void 0, !0)], 512)) : a("", !0)
|
|
398
|
+
], 8, ke), s("aside", {
|
|
399
|
+
ref_key: "inspectorRef",
|
|
400
|
+
ref: q,
|
|
401
|
+
class: u(["nb-shell__inspector", {
|
|
402
|
+
"nb-shell__inspector--visible": H.value,
|
|
403
|
+
"nb-shell__inspector--expanded": H.value && e.inspectorExpanded,
|
|
404
|
+
[`nb-shell__inspector--${e.inspectorSize}`]: H.value,
|
|
405
|
+
"nb-shell__inspector--resizing": J.value,
|
|
406
|
+
"nb-shell__inspector--overlay": U.value
|
|
407
|
+
}]),
|
|
408
|
+
"aria-label": e.inspectorLabel,
|
|
409
|
+
inert: !H.value || void 0,
|
|
410
|
+
"aria-hidden": !H.value || void 0,
|
|
411
|
+
style: oe(ht.value)
|
|
412
|
+
}, [
|
|
413
|
+
U.value ? (d(), o("button", {
|
|
414
|
+
key: 0,
|
|
415
|
+
ref_key: "inspectorDismissRef",
|
|
416
|
+
ref: nt,
|
|
417
|
+
type: "button",
|
|
418
|
+
class: "nb-shell__inspector-dismiss",
|
|
419
|
+
"aria-label": e.inspectorCloseLabel,
|
|
420
|
+
onClick: n[3] ||= (e) => W(!1)
|
|
421
|
+
}, [...n[6] ||= [s("span", {
|
|
422
|
+
class: "nb-shell__inspector-dismiss-glyph",
|
|
423
|
+
"aria-hidden": "true"
|
|
424
|
+
}, "×", -1)]], 8, Ie)) : a("", !0),
|
|
425
|
+
e.resizable && H.value && !j.value ? (d(), o("div", {
|
|
426
|
+
key: 1,
|
|
427
|
+
class: "nb-shell__inspector-resize",
|
|
428
|
+
role: "separator",
|
|
429
|
+
tabindex: "0",
|
|
430
|
+
"aria-orientation": "vertical",
|
|
431
|
+
"aria-label": `Resize ${e.inspectorLabel}`,
|
|
432
|
+
"aria-valuenow": vt.value,
|
|
433
|
+
"aria-valuemin": _,
|
|
434
|
+
"aria-valuemax": _t.value,
|
|
435
|
+
title: "Drag or use the arrow keys to resize, Enter or double-click to reset",
|
|
436
|
+
onPointerdown: xt,
|
|
437
|
+
onDblclick: St,
|
|
438
|
+
onKeydown: Ct
|
|
439
|
+
}, null, 40, Le)) : a("", !0),
|
|
440
|
+
m(t.$slots, "inspector", {}, void 0, !0)
|
|
441
|
+
], 14, Fe)])
|
|
442
|
+
])
|
|
440
443
|
])
|
|
441
444
|
], 16));
|
|
442
445
|
}
|
|
443
|
-
}), [["__scopeId", "data-v-
|
|
446
|
+
}), [["__scopeId", "data-v-61a2a3ea"]]);
|
|
444
447
|
//#endregion
|
|
445
448
|
export { v as t };
|
|
@@ -120,6 +120,6 @@ var h = { class: "nb-shell-panel__header" }, g = { class: "nb-shell-panel__heade
|
|
|
120
120
|
], !0)], 8, b)
|
|
121
121
|
]), A.value === "collapsed" ? r("", !0) : (l(), i("div", w, [d(t.$slots, "default", {}, void 0, !0)]))], 16));
|
|
122
122
|
}
|
|
123
|
-
}), [["__scopeId", "data-v-
|
|
123
|
+
}), [["__scopeId", "data-v-9b368e15"]]);
|
|
124
124
|
//#endregion
|
|
125
125
|
export { T as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`);let n=require(`vue`);var r={class:`nb-shell-panel__header`},i={class:`nb-shell-panel__header-left`},a={key:0,class:`nb-shell-panel__title`},o={class:`nb-shell-panel__header-center`},s={class:`nb-shell-panel__toolbar`},c=[`aria-label`],l=[`aria-pressed`],u=[`aria-pressed`],d=[`aria-pressed`],f={key:0,class:`nb-shell-panel__content`},p=(0,n.defineComponent)({__name:`ShellPanel`,props:{size:{default:`default`},title:{default:``},fluid:{type:Boolean,default:!1},fill:{type:Boolean,default:!1}},emits:[`update:size`],setup(e,{expose:p,emit:m}){let h=e,{layerProps:g}=t.useSurfaceLayer(),_=m,v=(0,n.ref)(h.size);(0,n.watch)(()=>h.size,e=>v.value=e);let y=(0,n.computed)({get:()=>v.value,set:e=>{v.value=e,_(`update:size`,e)}});function b(e){y.value=e}return p({setSize:b}),(t,p)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,(0,n.mergeProps)({class:`nb-shell-panel`},(0,n.unref)(g),{class:[y.value,{"nb-shell-panel--fluid":e.fluid,"nb-shell-panel--fill":e.fill}]}),[(0,n.createElementVNode)(`div`,r,[(0,n.createElementVNode)(`div`,i,[e.title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,a,(0,n.toDisplayString)(e.title),1)):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(t.$slots,`title`,{},void 0,!0)]),(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`div`,s,[(0,n.renderSlot)(t.$slots,`toolbar`,{},void 0,!0)])]),(0,n.createElementVNode)(`div`,{class:`nb-shell-panel__header-right`,role:`group`,"aria-label":e.title?`${e.title} panel size`:`Panel size`},[(0,n.renderSlot)(t.$slots,`controls`,{},()=>[(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`nb-shell-panel__size-btn`,{active:y.value===`collapsed`}]),"aria-pressed":y.value===`collapsed`,title:`Minimize`,"aria-label":`Minimize`,onClick:p[0]||=e=>b(`collapsed`)},[...p[3]||=[(0,n.createElementVNode)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,"aria-hidden":`true`},[(0,n.createElementVNode)(`line`,{x1:`2`,y1:`10`,x2:`10`,y2:`10`,stroke:`currentColor`,"stroke-width":`1.5`})],-1)]],10,l),(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`nb-shell-panel__size-btn`,{active:y.value===`default`}]),"aria-pressed":y.value===`default`,title:`Default`,"aria-label":`Default`,onClick:p[1]||=e=>b(`default`)},[...p[4]||=[(0,n.createElementVNode)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,"aria-hidden":`true`},[(0,n.createElementVNode)(`rect`,{x:`1`,y:`5`,width:`10`,height:`6`,rx:`1`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.2`})],-1)]],10,u),(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`nb-shell-panel__size-btn`,{active:y.value===`full`}]),"aria-pressed":y.value===`full`,title:`Maximize`,"aria-label":`Maximize`,onClick:p[2]||=e=>b(`full`)},[...p[5]||=[(0,n.createElementVNode)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,"aria-hidden":`true`},[(0,n.createElementVNode)(`rect`,{x:`1`,y:`1`,width:`10`,height:`10`,rx:`1`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.2`}),(0,n.createElementVNode)(`line`,{x1:`1`,y1:`3.5`,x2:`11`,y2:`3.5`,stroke:`currentColor`,"stroke-width":`1.2`})],-1)]],10,d)],!0)],8,c)]),y.value===`collapsed`?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,f,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]))],16))}}),m=e.t(p,[[`__scopeId`,`data-v-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`);let n=require(`vue`);var r={class:`nb-shell-panel__header`},i={class:`nb-shell-panel__header-left`},a={key:0,class:`nb-shell-panel__title`},o={class:`nb-shell-panel__header-center`},s={class:`nb-shell-panel__toolbar`},c=[`aria-label`],l=[`aria-pressed`],u=[`aria-pressed`],d=[`aria-pressed`],f={key:0,class:`nb-shell-panel__content`},p=(0,n.defineComponent)({__name:`ShellPanel`,props:{size:{default:`default`},title:{default:``},fluid:{type:Boolean,default:!1},fill:{type:Boolean,default:!1}},emits:[`update:size`],setup(e,{expose:p,emit:m}){let h=e,{layerProps:g}=t.useSurfaceLayer(),_=m,v=(0,n.ref)(h.size);(0,n.watch)(()=>h.size,e=>v.value=e);let y=(0,n.computed)({get:()=>v.value,set:e=>{v.value=e,_(`update:size`,e)}});function b(e){y.value=e}return p({setSize:b}),(t,p)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,(0,n.mergeProps)({class:`nb-shell-panel`},(0,n.unref)(g),{class:[y.value,{"nb-shell-panel--fluid":e.fluid,"nb-shell-panel--fill":e.fill}]}),[(0,n.createElementVNode)(`div`,r,[(0,n.createElementVNode)(`div`,i,[e.title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,a,(0,n.toDisplayString)(e.title),1)):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(t.$slots,`title`,{},void 0,!0)]),(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`div`,s,[(0,n.renderSlot)(t.$slots,`toolbar`,{},void 0,!0)])]),(0,n.createElementVNode)(`div`,{class:`nb-shell-panel__header-right`,role:`group`,"aria-label":e.title?`${e.title} panel size`:`Panel size`},[(0,n.renderSlot)(t.$slots,`controls`,{},()=>[(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`nb-shell-panel__size-btn`,{active:y.value===`collapsed`}]),"aria-pressed":y.value===`collapsed`,title:`Minimize`,"aria-label":`Minimize`,onClick:p[0]||=e=>b(`collapsed`)},[...p[3]||=[(0,n.createElementVNode)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,"aria-hidden":`true`},[(0,n.createElementVNode)(`line`,{x1:`2`,y1:`10`,x2:`10`,y2:`10`,stroke:`currentColor`,"stroke-width":`1.5`})],-1)]],10,l),(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`nb-shell-panel__size-btn`,{active:y.value===`default`}]),"aria-pressed":y.value===`default`,title:`Default`,"aria-label":`Default`,onClick:p[1]||=e=>b(`default`)},[...p[4]||=[(0,n.createElementVNode)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,"aria-hidden":`true`},[(0,n.createElementVNode)(`rect`,{x:`1`,y:`5`,width:`10`,height:`6`,rx:`1`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.2`})],-1)]],10,u),(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`nb-shell-panel__size-btn`,{active:y.value===`full`}]),"aria-pressed":y.value===`full`,title:`Maximize`,"aria-label":`Maximize`,onClick:p[2]||=e=>b(`full`)},[...p[5]||=[(0,n.createElementVNode)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,"aria-hidden":`true`},[(0,n.createElementVNode)(`rect`,{x:`1`,y:`1`,width:`10`,height:`10`,rx:`1`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.2`}),(0,n.createElementVNode)(`line`,{x1:`1`,y1:`3.5`,x2:`11`,y2:`3.5`,stroke:`currentColor`,"stroke-width":`1.2`})],-1)]],10,d)],!0)],8,c)]),y.value===`collapsed`?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,f,[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]))],16))}}),m=e.t(p,[[`__scopeId`,`data-v-9b368e15`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useRouterLink.composable.cjs`);let n=require(`vue`);var r=(0,n.defineComponent)({__name:`SidebarLink`,props:{to:{default:void 0},href:{default:void 0},tooltip:{default:void 0},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},danger:{type:Boolean,default:!1}},emits:[`click`],setup(e){let r=e,i=t.useRouterLink(),a=(0,n.computed)(()=>r.to!=null&&!!i.value),o=(0,n.computed)(()=>{if(typeof r.to==`string`)return r.to;if(r.href)return r.href}),s=(0,n.computed)(()=>a.value?i.value:o.value?`a`:`button`),c=(0,n.computed)(()=>s.value===`a`?{href:o.value}:{});return(t,r)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(s.value),(0,n.mergeProps)({class:[`nb-sidebar-link`,{"nb-sidebar-link--active":e.active,"nb-sidebar-link--danger":e.danger,"nb-sidebar-link--disabled":e.disabled}],to:a.value?e.to:void 0},c.value,{disabled:s.value===`button`&&e.disabled||void 0,"aria-disabled":s.value!==`button`&&e.disabled?!0:void 0,"data-tooltip":e.tooltip||void 0,onClick:r[0]||=n=>e.disabled?void 0:t.$emit(`click`,n)}),{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]),_:3},16,[`class`,`to`,`disabled`,`aria-disabled`,`data-tooltip`]))}}),i=e.t(r,[[`__scopeId`,`data-v-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./composables/useRouterLink.composable.cjs`);let n=require(`vue`);var r=(0,n.defineComponent)({__name:`SidebarLink`,props:{to:{default:void 0},href:{default:void 0},tooltip:{default:void 0},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},danger:{type:Boolean,default:!1}},emits:[`click`],setup(e){let r=e,i=t.useRouterLink(),a=(0,n.computed)(()=>r.to!=null&&!!i.value),o=(0,n.computed)(()=>{if(typeof r.to==`string`)return r.to;if(r.href)return r.href}),s=(0,n.computed)(()=>a.value?i.value:o.value?`a`:`button`),c=(0,n.computed)(()=>s.value===`a`?{href:o.value}:{});return(t,r)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(s.value),(0,n.mergeProps)({class:[`nb-sidebar-link`,{"nb-sidebar-link--active":e.active,"nb-sidebar-link--danger":e.danger,"nb-sidebar-link--disabled":e.disabled}],to:a.value?e.to:void 0},c.value,{disabled:s.value===`button`&&e.disabled||void 0,"aria-disabled":s.value!==`button`&&e.disabled?!0:void 0,"data-tooltip":e.tooltip||void 0,onClick:r[0]||=n=>e.disabled?void 0:t.$emit(`click`,n)}),{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(t.$slots,`default`,{},void 0,!0)]),_:3},16,[`class`,`to`,`disabled`,`aria-disabled`,`data-tooltip`]))}}),i=e.t(r,[[`__scopeId`,`data-v-24809884`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useRouterLink.composable.cjs`),r=require(`./utils/slotContent.helper.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/caret-right`);var o=(0,i.defineComponent)({__name:`SidebarVariantScope`,props:{variant:{}},setup(e){return(0,i.provide)(`nb-shell-sidebar-variant`,(0,i.toRef)(e,`variant`)),(e,t)=>(0,i.renderSlot)(e.$slots,`default`)}}),s={class:`nb-sidebar-menu-item__label`},c=[`title`],l={key:0,class:`nb-sidebar-menu-item__children`,role:`group`},u={class:`nb-sidebar-menu-item__flyout-header`},d={class:`nb-sidebar-menu-item__flyout-label`},f={class:`nb-sidebar-menu-item__flyout-children`},p=(0,i.defineComponent)({__name:`SidebarMenuItem`,props:{label:{},icon:{default:void 0},to:{default:void 0},href:{default:void 0},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},defaultExpanded:{type:Boolean,default:!1},badge:{default:void 0},badgeVariant:{default:`neutral`}},emits:[`click`],setup(e,{emit:p}){let m=e,h=p,g=(0,i.inject)(`nb-shell-sidebar-variant`,(0,i.ref)(`verbose`)),_=(0,i.computed)(()=>g.value),v=(0,i.useSlots)(),y=(0,i.computed)(()=>{let e=v.default?.();return e?r.hasRenderableContent(e):!1}),b=(0,i.ref)(m.defaultExpanded||m.active),x=n.useRouterLink(),S=(0,i.computed)(()=>{if(typeof m.to==`string`)return m.to;if(m.href)return m.href}),C=(0,i.computed)(()=>y.value),w=(0,i.computed)(()=>m.to!=null&&!C.value&&!!x.value),T=(0,i.computed)(()=>C.value?`button`:w.value?x.value:S.value?`a`:`button`),E=(0,i.computed)(()=>T.value===`a`?{href:S.value}:{});function D(e){if(m.disabled){e.preventDefault();return}if(C.value&&_.value===`verbose`){b.value=!b.value;return}h(`click`,e)}let O=(0,i.ref)(null),k=(0,i.ref)(!1),A=(0,i.ref)({}),j=null;function M(){if(_.value!==`compact`)return;j&&=(clearTimeout(j),null);let e=O.value;if(!e)return;let t=e.getBoundingClientRect();A.value={top:`${t.top}px`,left:`${t.right+8}px`},k.value=!0}function N(){j&&clearTimeout(j),j=setTimeout(()=>{k.value=!1,j=null},120)}function P(){M()}function F(){N()}function I(){j&&=(clearTimeout(j),null)}function L(){N()}return(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{class:(0,i.normalizeClass)([`nb-sidebar-menu-item`,[`nb-sidebar-menu-item--${_.value}`]]),role:`none`,onMouseenter:P,onMouseleave:F},[((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(T.value),(0,i.mergeProps)({ref_key:`rowRef`,ref:O,class:[`nb-sidebar-menu-item__row`,{"nb-sidebar-menu-item__row--active":e.active,"nb-sidebar-menu-item__row--disabled":e.disabled,"nb-sidebar-menu-item__row--expandable":y.value&&_.value===`verbose`,"nb-sidebar-menu-item__row--compact":_.value===`compact`}],type:T.value===`button`?`button`:void 0,to:w.value?e.to:void 0},E.value,{disabled:T.value===`button`&&!y.value&&e.disabled||void 0,"aria-disabled":e.disabled||void 0,"aria-expanded":y.value&&_.value===`verbose`?b.value:void 0,"aria-label":_.value===`compact`?e.label:void 0,role:`menuitem`,onClick:D}),{default:(0,i.withCtx)(()=>[e.icon?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,class:`nb-sidebar-menu-item__icon`,name:e.icon,size:_.value===`compact`?18:16},null,8,[`name`,`size`])):(0,i.createCommentVNode)(``,!0),_.value===`verbose`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`span`,s,(0,i.toDisplayString)(e.label),1),e.badge===void 0?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__badge`,[`nb-sidebar-menu-item__badge--${e.badgeVariant}`]])},(0,i.toDisplayString)(e.badge),3)),y.value?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__caret`,{"nb-sidebar-menu-item__caret--expanded":b.value}]),name:(0,i.unref)(a.regular),size:12},null,8,[`class`,`name`])):(0,i.createCommentVNode)(``,!0)],64)):e.badge===void 0?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:2,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__badge-dot`,[`nb-sidebar-menu-item__badge-dot--${e.badgeVariant}`]]),title:String(e.badge)},null,10,c))]),_:1},16,[`class`,`type`,`to`,`disabled`,`aria-disabled`,`aria-expanded`,`aria-label`])),y.value&&_.value===`verbose`?(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,l,[(0,i.renderSlot)(n.$slots,`default`,{},void 0,!0)],512)),[[i.vShow,b.value]]):(0,i.createCommentVNode)(``,!0),_.value===`compact`&&k.value?((0,i.openBlock)(),(0,i.createBlock)(i.Teleport,{key:1,to:`body`},[(0,i.createElementVNode)(`div`,{class:`nb-sidebar-menu-item__flyout`,style:(0,i.normalizeStyle)(A.value),onMouseenter:I,onMouseleave:L},[(0,i.createElementVNode)(`div`,u,[(0,i.createElementVNode)(`span`,d,(0,i.toDisplayString)(e.label),1),e.badge===void 0?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__badge`,[`nb-sidebar-menu-item__badge--${e.badgeVariant}`]])},(0,i.toDisplayString)(e.badge),3))]),y.value?((0,i.openBlock)(),(0,i.createBlock)(o,{key:0,variant:`verbose`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`ul`,f,[(0,i.renderSlot)(n.$slots,`default`,{},void 0,!0)])]),_:3})):(0,i.createCommentVNode)(``,!0)],36)])):(0,i.createCommentVNode)(``,!0)],34))}}),m=e.t(p,[[`__scopeId`,`data-v-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useRouterLink.composable.cjs`),r=require(`./utils/slotContent.helper.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/caret-right`);var o=(0,i.defineComponent)({__name:`SidebarVariantScope`,props:{variant:{}},setup(e){return(0,i.provide)(`nb-shell-sidebar-variant`,(0,i.toRef)(e,`variant`)),(e,t)=>(0,i.renderSlot)(e.$slots,`default`)}}),s={class:`nb-sidebar-menu-item__label`},c=[`title`],l={key:0,class:`nb-sidebar-menu-item__children`,role:`group`},u={class:`nb-sidebar-menu-item__flyout-header`},d={class:`nb-sidebar-menu-item__flyout-label`},f={class:`nb-sidebar-menu-item__flyout-children`},p=(0,i.defineComponent)({__name:`SidebarMenuItem`,props:{label:{},icon:{default:void 0},to:{default:void 0},href:{default:void 0},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},defaultExpanded:{type:Boolean,default:!1},badge:{default:void 0},badgeVariant:{default:`neutral`}},emits:[`click`],setup(e,{emit:p}){let m=e,h=p,g=(0,i.inject)(`nb-shell-sidebar-variant`,(0,i.ref)(`verbose`)),_=(0,i.computed)(()=>g.value),v=(0,i.useSlots)(),y=(0,i.computed)(()=>{let e=v.default?.();return e?r.hasRenderableContent(e):!1}),b=(0,i.ref)(m.defaultExpanded||m.active),x=n.useRouterLink(),S=(0,i.computed)(()=>{if(typeof m.to==`string`)return m.to;if(m.href)return m.href}),C=(0,i.computed)(()=>y.value),w=(0,i.computed)(()=>m.to!=null&&!C.value&&!!x.value),T=(0,i.computed)(()=>C.value?`button`:w.value?x.value:S.value?`a`:`button`),E=(0,i.computed)(()=>T.value===`a`?{href:S.value}:{});function D(e){if(m.disabled){e.preventDefault();return}if(C.value&&_.value===`verbose`){b.value=!b.value;return}h(`click`,e)}let O=(0,i.ref)(null),k=(0,i.ref)(!1),A=(0,i.ref)({}),j=null;function M(){if(_.value!==`compact`)return;j&&=(clearTimeout(j),null);let e=O.value;if(!e)return;let t=e.getBoundingClientRect();A.value={top:`${t.top}px`,left:`${t.right+8}px`},k.value=!0}function N(){j&&clearTimeout(j),j=setTimeout(()=>{k.value=!1,j=null},120)}function P(){M()}function F(){N()}function I(){j&&=(clearTimeout(j),null)}function L(){N()}return(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{class:(0,i.normalizeClass)([`nb-sidebar-menu-item`,[`nb-sidebar-menu-item--${_.value}`]]),role:`none`,onMouseenter:P,onMouseleave:F},[((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(T.value),(0,i.mergeProps)({ref_key:`rowRef`,ref:O,class:[`nb-sidebar-menu-item__row`,{"nb-sidebar-menu-item__row--active":e.active,"nb-sidebar-menu-item__row--disabled":e.disabled,"nb-sidebar-menu-item__row--expandable":y.value&&_.value===`verbose`,"nb-sidebar-menu-item__row--compact":_.value===`compact`}],type:T.value===`button`?`button`:void 0,to:w.value?e.to:void 0},E.value,{disabled:T.value===`button`&&!y.value&&e.disabled||void 0,"aria-disabled":e.disabled||void 0,"aria-expanded":y.value&&_.value===`verbose`?b.value:void 0,"aria-label":_.value===`compact`?e.label:void 0,role:`menuitem`,onClick:D}),{default:(0,i.withCtx)(()=>[e.icon?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,class:`nb-sidebar-menu-item__icon`,name:e.icon,size:_.value===`compact`?18:16},null,8,[`name`,`size`])):(0,i.createCommentVNode)(``,!0),_.value===`verbose`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`span`,s,(0,i.toDisplayString)(e.label),1),e.badge===void 0?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__badge`,[`nb-sidebar-menu-item__badge--${e.badgeVariant}`]])},(0,i.toDisplayString)(e.badge),3)),y.value?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__caret`,{"nb-sidebar-menu-item__caret--expanded":b.value}]),name:(0,i.unref)(a.regular),size:12},null,8,[`class`,`name`])):(0,i.createCommentVNode)(``,!0)],64)):e.badge===void 0?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:2,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__badge-dot`,[`nb-sidebar-menu-item__badge-dot--${e.badgeVariant}`]]),title:String(e.badge)},null,10,c))]),_:1},16,[`class`,`type`,`to`,`disabled`,`aria-disabled`,`aria-expanded`,`aria-label`])),y.value&&_.value===`verbose`?(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,l,[(0,i.renderSlot)(n.$slots,`default`,{},void 0,!0)],512)),[[i.vShow,b.value]]):(0,i.createCommentVNode)(``,!0),_.value===`compact`&&k.value?((0,i.openBlock)(),(0,i.createBlock)(i.Teleport,{key:1,to:`body`},[(0,i.createElementVNode)(`div`,{class:`nb-sidebar-menu-item__flyout`,style:(0,i.normalizeStyle)(A.value),onMouseenter:I,onMouseleave:L},[(0,i.createElementVNode)(`div`,u,[(0,i.createElementVNode)(`span`,d,(0,i.toDisplayString)(e.label),1),e.badge===void 0?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:0,class:(0,i.normalizeClass)([`nb-sidebar-menu-item__badge`,[`nb-sidebar-menu-item__badge--${e.badgeVariant}`]])},(0,i.toDisplayString)(e.badge),3))]),y.value?((0,i.openBlock)(),(0,i.createBlock)(o,{key:0,variant:`verbose`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`ul`,f,[(0,i.renderSlot)(n.$slots,`default`,{},void 0,!0)])]),_:3})):(0,i.createCommentVNode)(``,!0)],36)])):(0,i.createCommentVNode)(``,!0)],34))}}),m=e.t(p,[[`__scopeId`,`data-v-4a61ab32`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useReducedMotion.composable.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./composables/useStableId.composable.cjs`),r=require(`./useLoadingAnnouncer.composable-DjrPyN_4.cjs`);let i=require(`vue`);var a=function(e){return e.Text=`text`,e.Heading=`heading`,e.Block=`block`,e.Circle=`circle`,e}(a||{}),o=[`id`,`role`,`aria-live`,`aria-hidden`],s={key:0,class:`nb-skeleton__label`},c={class:`nb-skeleton__lines`,"aria-busy":`true`},l=(0,i.defineComponent)({__name:`Skeleton`,props:{variant:{default:a.Text},type:{default:void 0},lines:{default:1},lastLineWidth:{default:`60%`},width:{default:void 0},height:{default:void 0},radius:{default:`sm`},animated:{type:Boolean,default:!0},label:{default:void 0},completeLabel:{default:void 0},id:{default:void 0}},setup(t){let l=t,u=n.useStableId(l),d=e.useReducedMotion(),f=(0,i.ref)(``),p;(0,i.watch)(()=>l.label,e=>{if(p&&=(clearTimeout(p),void 0),!e){f.value=``;return}if(f.value!==``){f.value=e;return}p=setTimeout(()=>{p=void 0,f.value=e},0)},{immediate:!0}),(0,i.onBeforeUnmount)(()=>{p&&clearTimeout(p),r.t(l.completeLabel)});let m=[`label-sm`,`label-md`,`label-lg`,`body-sm`,`body-md`,`body-lg`,`code-sm`,`code-md`,`code-lg`,`heading-01`,`heading-02`,`heading-03`,`heading-04`,`heading-05`,`heading-06`],h=(0,i.computed)(()=>l.type&&m.includes(l.type)?l.type:l.variant===a.Heading?`heading-02`:`body-md`),g=(0,i.computed)(()=>l.variant===a.Text||l.variant===a.Heading),_=(0,i.computed)(()=>l.variant===a.Text?Math.max(1,Math.floor(l.lines)):1);function v(e){if(e!=null)return typeof e==`number`?`${e}px`:e}let y=(0,i.computed)(()=>Array.from({length:_.value},(e,t)=>{let n=t===_.value-1;if(l.variant===a.Text&&_.value>1&&n)return{width:l.lastLineWidth}})),b=(0,i.computed)(()=>[`nb-skeleton`,`nb-skeleton--${l.variant}`,`nb-skeleton--radius-${l.radius}`,{"nb-skeleton--static":!l.animated,"nb-skeleton--reduced-motion":d.value}]),x=(0,i.computed)(()=>{let e={};if(g.value&&(e[`--nb-skeleton-font-size`]=`var(--nb-type-${h.value}-size)`,e[`--nb-skeleton-line-height`]=`var(--nb-type-${h.value}-line-height)`),l.variant===a.Circle){let t=v(l.height??l.width);return t&&(e.width=t,e[`--nb-skeleton-height`]=t),e}let t=v(l.width);t&&(e.width=t);let n=v(l.height);return n&&!g.value&&(e[`--nb-skeleton-height`]=n),e});return(e,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{id:(0,i.unref)(u),class:(0,i.normalizeClass)(b.value),style:(0,i.normalizeStyle)(x.value),role:t.label?`status`:void 0,"aria-live":t.label?`polite`:void 0,"aria-hidden":t.label?void 0:`true`},[t.label?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,s,(0,i.toDisplayString)(f.value),1)):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,c,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(y.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:t,class:`nb-skeleton__line`},[(0,i.createElementVNode)(`span`,{class:`nb-skeleton__fill`,style:(0,i.normalizeStyle)(e)},null,4)]))),128))])],14,o))}}),u=t.t(l,[[`__scopeId`,`data-v-
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useReducedMotion.composable.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./composables/useStableId.composable.cjs`),r=require(`./useLoadingAnnouncer.composable-DjrPyN_4.cjs`);let i=require(`vue`);var a=function(e){return e.Text=`text`,e.Heading=`heading`,e.Block=`block`,e.Circle=`circle`,e}(a||{}),o=[`id`,`role`,`aria-live`,`aria-hidden`],s={key:0,class:`nb-skeleton__label`},c={class:`nb-skeleton__lines`,"aria-busy":`true`},l=(0,i.defineComponent)({__name:`Skeleton`,props:{variant:{default:a.Text},type:{default:void 0},lines:{default:1},lastLineWidth:{default:`60%`},width:{default:void 0},height:{default:void 0},radius:{default:`sm`},animated:{type:Boolean,default:!0},label:{default:void 0},completeLabel:{default:void 0},id:{default:void 0}},setup(t){let l=t,u=n.useStableId(l),d=e.useReducedMotion(),f=(0,i.ref)(``),p;(0,i.watch)(()=>l.label,e=>{if(p&&=(clearTimeout(p),void 0),!e){f.value=``;return}if(f.value!==``){f.value=e;return}p=setTimeout(()=>{p=void 0,f.value=e},0)},{immediate:!0}),(0,i.onBeforeUnmount)(()=>{p&&clearTimeout(p),r.t(l.completeLabel)});let m=[`label-sm`,`label-md`,`label-lg`,`body-sm`,`body-md`,`body-lg`,`code-sm`,`code-md`,`code-lg`,`heading-01`,`heading-02`,`heading-03`,`heading-04`,`heading-05`,`heading-06`],h=(0,i.computed)(()=>l.type&&m.includes(l.type)?l.type:l.variant===a.Heading?`heading-02`:`body-md`),g=(0,i.computed)(()=>l.variant===a.Text||l.variant===a.Heading),_=(0,i.computed)(()=>l.variant===a.Text?Math.max(1,Math.floor(l.lines)):1);function v(e){if(e!=null)return typeof e==`number`?`${e}px`:e}let y=(0,i.computed)(()=>Array.from({length:_.value},(e,t)=>{let n=t===_.value-1;if(l.variant===a.Text&&_.value>1&&n)return{width:l.lastLineWidth}})),b=(0,i.computed)(()=>[`nb-skeleton`,`nb-skeleton--${l.variant}`,`nb-skeleton--radius-${l.radius}`,{"nb-skeleton--static":!l.animated,"nb-skeleton--reduced-motion":d.value}]),x=(0,i.computed)(()=>{let e={};if(g.value&&(e[`--nb-skeleton-font-size`]=`var(--nb-type-${h.value}-size)`,e[`--nb-skeleton-line-height`]=`var(--nb-type-${h.value}-line-height)`),l.variant===a.Circle){let t=v(l.height??l.width);return t&&(e.width=t,e[`--nb-skeleton-height`]=t),e}let t=v(l.width);t&&(e.width=t);let n=v(l.height);return n&&!g.value&&(e[`--nb-skeleton-height`]=n),e});return(e,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{id:(0,i.unref)(u),class:(0,i.normalizeClass)(b.value),style:(0,i.normalizeStyle)(x.value),role:t.label?`status`:void 0,"aria-live":t.label?`polite`:void 0,"aria-hidden":t.label?void 0:`true`},[t.label?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,s,(0,i.toDisplayString)(f.value),1)):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,c,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(y.value,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:t,class:`nb-skeleton__line`},[(0,i.createElementVNode)(`span`,{class:`nb-skeleton__fill`,style:(0,i.normalizeStyle)(e)},null,4)]))),128))])],14,o))}}),u=t.t(l,[[`__scopeId`,`data-v-a57a3982`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Size.d-GBIblj2D.cjs`),n=require(`./Label-CXejhF9x.cjs`),r=require(`./Message-Ax7rnAQl.cjs`),i=require(`./Grid-DVT8lBHr.cjs`),a=require(`./NumberInput-DKZsdWLv.cjs`);let o=require(`vue`);var s={class:`nb-slider__field-box`},c={key:0,class:`nb-slider__inner-header`},l={class:`nb-slider__inner-label`},u={class:`nb-slider__track-row`},d={key:0,class:`nb-slider__track-label`},f={key:1,class:`nb-slider__track-label`},p=(0,o.defineComponent)({__name:`Slider`,props:{modelValue:{},min:{default:0},max:{default:100},step:{default:1},range:{type:Boolean,default:!1},showInput:{type:Boolean,default:!0},showBounds:{type:Boolean,default:!0},name:{},disabled:{type:Boolean,default:!1},required:{type:Boolean},id:{},label:{},error:{},warning:{},helper:{},variant:{default:`default`},size:{default:t.r.Medium}},emits:[`update:modelValue`,`change`],setup(e,{emit:t}){let p=e,m=t,h=(0,o.ref)(null),g=(0,o.ref)(null),_=(0,o.computed)(()=>p.range||p.modelValue===null||p.modelValue===void 0?p.min??0:Array.isArray(p.modelValue)?p.modelValue[0]??p.min??0:p.modelValue),v=(0,o.computed)(()=>!p.range||!Array.isArray(p.modelValue)?p.min??0:p.modelValue[0]??p.min??0),y=(0,o.computed)(()=>!p.range||!Array.isArray(p.modelValue)?p.max??100:p.modelValue[1]??p.max??100),b=(0,o.computed)(()=>{let e=p.step??1;if(!isFinite(e)||e<=0)return 0;let t=String(e),n=t.indexOf(`.`);return n===-1?0:t.length-n-1});function x(e){let t=b.value;return t>0?Number(e.toFixed(t)):Math.round(e)}let S=(0,o.computed)(()=>x(p.range?y.value:_.value));function C(e){let t=p.min??0,n=p.max??100;return n===t?0:(e-t)/(n-t)*100}function w(e){let t=p.min??0,n=p.max??100,r=p.step??1,i=t+e/100*(n-t),a=Math.round(i/r)*r;return Math.max(t,Math.min(n,a))}function T(e){if(!h.value)return 0;let t=h.value.getBoundingClientRect(),n=`touches`in e?e.touches[0].clientX:e.clientX;return Math.max(0,Math.min(100,(n-t.left)/t.width*100))}let E=(0,o.computed)(()=>{if(!p.range)return{left:`0%`,width:`${C(_.value)}%`};let e=C(v.value),t=C(y.value);return{left:`${e}%`,width:`${t-e}%`}});function D(e){m(`update:modelValue`,e)}function O(e,t){m(`update:modelValue`,[e,t])}function k(e){if(e===null)return;let t=p.min??0,n=p.max??100;D(Math.max(t,Math.min(n,e)))}function A(e){if(e===null)return;let t=p.min??0;O(Math.max(t,Math.min(y.value,e)),y.value)}function j(e){if(e===null)return;let t=p.max??100,n=Math.max(v.value,Math.min(t,e));O(v.value,n)}function M(e){if(!p.range)return null;let t=C(v.value),n=C(y.value);return Math.abs(e-t)<=Math.abs(e-n)?`low`:`high`}function N(e){let t=w(e);if(!p.range){D(t);return}if(g.value===`low`)O(Math.min(t,y.value),y.value);else{let e=Math.max(t,v.value);O(v.value,e)}}function P(e){p.disabled||N(T(e))}function F(e){p.disabled||(m(`change`,p.range?[v.value,y.value]:_.value),N(T(e))),z()}function I(e){p.disabled||N(T(e))}function L(e){p.disabled||(m(`change`,p.range?[v.value,y.value]:_.value),N(T(e))),V()}function R(){document.addEventListener(`mousemove`,P),document.addEventListener(`mouseup`,F)}function z(){g.value=null,document.removeEventListener(`mousemove`,P),document.removeEventListener(`mouseup`,F)}function B(){document.addEventListener(`touchmove`,I,{passive:!0}),document.addEventListener(`touchend`,L)}function V(){g.value=null,document.removeEventListener(`touchmove`,I),document.removeEventListener(`touchend`,L)}function H(e){if(p.disabled)return;let t=T(e);g.value=M(t),N(t),R()}function U(e){if(p.disabled)return;let t=T(e);g.value=M(t),N(t),B()}function W(e,t){p.disabled||(g.value=p.range?e:null,R())}function G(e,t){p.disabled||(g.value=p.range?e:null,B())}(0,o.onBeforeUnmount)(()=>{z(),V()});let K=(0,o.computed)(()=>[`nb-slider`,`nb-slider--${p.size}`,`nb-slider--${p.variant}`,{"nb-slider--range":p.range,"nb-slider--disabled":p.disabled,"nb-slider--error":!!p.error,"nb-slider--warning":!p.error&&!!p.warning}]),q=(0,o.computed)(()=>({"nb-slider__track-area--error":!!p.error,"nb-slider__track-area--warning":!p.error&&!!p.warning}));return(t,p)=>((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{class:(0,o.normalizeClass)(K.value)},[e.variant===`default`&&e.label?((0,o.openBlock)(),(0,o.createBlock)(n.t,{key:0,class:`nb-slider__label`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.label),1)]),_:1})):(0,o.createCommentVNode)(``,!0),(0,o.createElementVNode)(`div`,s,[e.variant===`fluid`&&e.label?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,c,[(0,o.createElementVNode)(`label`,l,(0,o.toDisplayString)(e.label),1)])):(0,o.createCommentVNode)(``,!0),(0,o.createVNode)(i.t,{dir:`row`,align:`center`,gap:`sm`,class:`nb-slider__row`},{default:(0,o.withCtx)(()=>[e.range&&e.showInput?((0,o.openBlock)(),(0,o.createBlock)(a.t,{key:0,size:e.variant===`fluid`?`sm`:e.size,"model-value":v.value,min:e.min,max:y.value,step:e.step,disabled:e.disabled,class:`nb-slider__input`,"onUpdate:modelValue":A,onChange:A},null,8,[`size`,`model-value`,`min`,`max`,`step`,`disabled`])):(0,o.createCommentVNode)(``,!0),(0,o.createVNode)(i.t,{dir:`col`,justify:`end`,gap:`xs`,class:(0,o.normalizeClass)([`nb-slider__track-area`,q.value]),grow:``},{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`div`,u,[e.showBounds?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,d,(0,o.toDisplayString)(e.min),1)):(0,o.createCommentVNode)(``,!0),(0,o.createElementVNode)(`div`,{ref_key:`trackRef`,ref:h,class:`nb-slider__track`,onMousedown:H,onTouchstartPassive:U},[(0,o.createElementVNode)(`div`,{class:`nb-slider__track__fill`,style:(0,o.normalizeStyle)(E.value)},null,4),e.range?((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:1},[(0,o.createElementVNode)(`div`,{class:`nb-slider__track__handle nb-slider__track__handle--low`,style:(0,o.normalizeStyle)({left:`${C(v.value)}%`}),onMousedown:p[2]||=(0,o.withModifiers)(e=>W(`low`,e),[`stop`]),onTouchstartPassive:p[3]||=(0,o.withModifiers)(e=>G(`low`,e),[`stop`])},null,36),(0,o.createElementVNode)(`div`,{class:`nb-slider__track__handle nb-slider__track__handle--high`,style:(0,o.normalizeStyle)({left:`${C(y.value)}%`}),onMousedown:p[4]||=(0,o.withModifiers)(e=>W(`high`,e),[`stop`]),onTouchstartPassive:p[5]||=(0,o.withModifiers)(e=>G(`high`,e),[`stop`])},null,36),p[8]||=(0,o.createElementVNode)(`div`,{class:`nb-slider__tick`},null,-1)],64)):((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{key:0,class:`nb-slider__track__handle`,style:(0,o.normalizeStyle)({left:`${C(_.value)}%`}),onMousedown:p[0]||=(0,o.withModifiers)(e=>W(null,e),[`stop`]),onTouchstartPassive:p[1]||=(0,o.withModifiers)(e=>G(null,e),[`stop`])},null,36))],544),e.showBounds?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,f,(0,o.toDisplayString)(e.max),1)):(0,o.createCommentVNode)(``,!0)])]),_:1},8,[`class`]),e.showInput?((0,o.openBlock)(),(0,o.createBlock)(a.t,{key:1,size:e.variant===`fluid`?`sm`:e.size,"model-value":S.value,min:e.range?v.value:e.min,max:e.max,step:e.step,disabled:e.disabled,class:`nb-slider__input`,"onUpdate:modelValue":p[6]||=t=>e.range?j(t):k(t),onChange:p[7]||=t=>e.range?j(t):k(t)},null,8,[`size`,`model-value`,`min`,`max`,`step`,`disabled`])):(0,o.createCommentVNode)(``,!0)]),_:1})]),e.error?((0,o.openBlock)(),(0,o.createBlock)(r.t,{key:1,variant:`error`,class:`nb-slider__message`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.error),1)]),_:1})):e.warning?((0,o.openBlock)(),(0,o.createBlock)(r.t,{key:2,variant:`warning`,class:`nb-slider__message`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.warning),1)]),_:1})):e.helper?((0,o.openBlock)(),(0,o.createBlock)(r.t,{key:3,variant:`helper`,class:`nb-slider__message`},{default:(0,o.withCtx)(()=>[(0,o.createTextVNode)((0,o.toDisplayString)(e.helper),1)]),_:1})):(0,o.createCommentVNode)(``,!0)],2))}}),m=e.t(p,[[`__scopeId`,`data-v-2eeb00d6`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
|
|
@@ -1,15 +1,21 @@
|
|
|
1
1
|
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
2
|
import { r as t } from "./Size.d-Bah6vMl3.js";
|
|
3
3
|
import { t as n } from "./Label-t49uSLIY.js";
|
|
4
|
-
import { t as r } from "./Message-
|
|
4
|
+
import { t as r } from "./Message-DqUW3GHc.js";
|
|
5
5
|
import { t as i } from "./Grid-CVNb1HcS.js";
|
|
6
|
-
import { t as a } from "./NumberInput-
|
|
6
|
+
import { t as a } from "./NumberInput-_ff3Xi2r.js";
|
|
7
7
|
import { Fragment as ee, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, openBlock as _, ref as v, toDisplayString as y, withCtx as b, withModifiers as x } from "vue";
|
|
8
8
|
//#region src/components/Slider.vue?vue&type=script&setup=true&lang.ts
|
|
9
9
|
var S = { class: "nb-slider__field-box" }, C = {
|
|
10
10
|
key: 0,
|
|
11
11
|
class: "nb-slider__inner-header"
|
|
12
|
-
}, w = { class: "nb-slider__inner-label" }, te = { class: "nb-slider__track-
|
|
12
|
+
}, w = { class: "nb-slider__inner-label" }, te = { class: "nb-slider__track-row" }, ne = {
|
|
13
|
+
key: 0,
|
|
14
|
+
class: "nb-slider__track-label"
|
|
15
|
+
}, re = {
|
|
16
|
+
key: 1,
|
|
17
|
+
class: "nb-slider__track-label"
|
|
18
|
+
}, T = /* @__PURE__ */ e(/* @__PURE__ */ p({
|
|
13
19
|
__name: "Slider",
|
|
14
20
|
props: {
|
|
15
21
|
modelValue: {},
|
|
@@ -24,6 +30,10 @@ var S = { class: "nb-slider__field-box" }, C = {
|
|
|
24
30
|
type: Boolean,
|
|
25
31
|
default: !0
|
|
26
32
|
},
|
|
33
|
+
showBounds: {
|
|
34
|
+
type: Boolean,
|
|
35
|
+
default: !0
|
|
36
|
+
},
|
|
27
37
|
name: {},
|
|
28
38
|
disabled: {
|
|
29
39
|
type: Boolean,
|
|
@@ -211,36 +221,40 @@ var S = { class: "nb-slider__field-box" }, C = {
|
|
|
211
221
|
class: m(["nb-slider__track-area", ce.value]),
|
|
212
222
|
grow: ""
|
|
213
223
|
}, {
|
|
214
|
-
default: b(() => [u("div",
|
|
215
|
-
|
|
216
|
-
ref: E,
|
|
217
|
-
class: "nb-slider__track",
|
|
218
|
-
onMousedown: ae,
|
|
219
|
-
onTouchstartPassive: oe
|
|
220
|
-
}, [u("div", {
|
|
221
|
-
class: "nb-slider__track__fill",
|
|
222
|
-
style: h(ie.value)
|
|
223
|
-
}, null, 4), e.range ? (_(), l(ee, { key: 1 }, [
|
|
224
|
-
u("div", {
|
|
225
|
-
class: "nb-slider__track__handle nb-slider__track__handle--low",
|
|
226
|
-
style: h({ left: `${P(k.value)}%` }),
|
|
227
|
-
onMousedown: o[2] ||= x((e) => Q("low", e), ["stop"]),
|
|
228
|
-
onTouchstartPassive: o[3] ||= x((e) => $("low", e), ["stop"])
|
|
229
|
-
}, null, 36),
|
|
224
|
+
default: b(() => [u("div", te, [
|
|
225
|
+
e.showBounds ? (_(), l("span", ne, y(e.min), 1)) : c("", !0),
|
|
230
226
|
u("div", {
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
227
|
+
ref_key: "trackRef",
|
|
228
|
+
ref: E,
|
|
229
|
+
class: "nb-slider__track",
|
|
230
|
+
onMousedown: ae,
|
|
231
|
+
onTouchstartPassive: oe
|
|
232
|
+
}, [u("div", {
|
|
233
|
+
class: "nb-slider__track__fill",
|
|
234
|
+
style: h(ie.value)
|
|
235
|
+
}, null, 4), e.range ? (_(), l(ee, { key: 1 }, [
|
|
236
|
+
u("div", {
|
|
237
|
+
class: "nb-slider__track__handle nb-slider__track__handle--low",
|
|
238
|
+
style: h({ left: `${P(k.value)}%` }),
|
|
239
|
+
onMousedown: o[2] ||= x((e) => Q("low", e), ["stop"]),
|
|
240
|
+
onTouchstartPassive: o[3] ||= x((e) => $("low", e), ["stop"])
|
|
241
|
+
}, null, 36),
|
|
242
|
+
u("div", {
|
|
243
|
+
class: "nb-slider__track__handle nb-slider__track__handle--high",
|
|
244
|
+
style: h({ left: `${P(A.value)}%` }),
|
|
245
|
+
onMousedown: o[4] ||= x((e) => Q("high", e), ["stop"]),
|
|
246
|
+
onTouchstartPassive: o[5] ||= x((e) => $("high", e), ["stop"])
|
|
247
|
+
}, null, 36),
|
|
248
|
+
o[8] ||= u("div", { class: "nb-slider__tick" }, null, -1)
|
|
249
|
+
], 64)) : (_(), l("div", {
|
|
250
|
+
key: 0,
|
|
251
|
+
class: "nb-slider__track__handle",
|
|
252
|
+
style: h({ left: `${P(O.value)}%` }),
|
|
253
|
+
onMousedown: o[0] ||= x((e) => Q(null, e), ["stop"]),
|
|
254
|
+
onTouchstartPassive: o[1] ||= x((e) => $(null, e), ["stop"])
|
|
255
|
+
}, null, 36))], 544),
|
|
256
|
+
e.showBounds ? (_(), l("span", re, y(e.max), 1)) : c("", !0)
|
|
257
|
+
])]),
|
|
244
258
|
_: 1
|
|
245
259
|
}, 8, ["class"]),
|
|
246
260
|
e.showInput ? (_(), s(a, {
|
|
@@ -289,6 +303,6 @@ var S = { class: "nb-slider__field-box" }, C = {
|
|
|
289
303
|
})) : c("", !0)
|
|
290
304
|
], 2));
|
|
291
305
|
}
|
|
292
|
-
}), [["__scopeId", "data-v-
|
|
306
|
+
}), [["__scopeId", "data-v-2eeb00d6"]]);
|
|
293
307
|
//#endregion
|
|
294
308
|
export { T as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useStableId.composable.cjs`),i=require(`./Stepper.context-BOGBVJcj.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/warning`);o=e.n(o);let s=require(`@nubisco/ui/icons/check`);s=e.n(s);var c=[`data-nb-step`,`data-status`,`data-orientation`,`aria-current`],l={class:`nb-stepper__marker`,"aria-hidden":`true`},u={class:`nb-stepper__text`},d=[`id`],f=[`id`],p=[`id`],m=(0,a.defineComponent)({__name:`StepperStep`,props:{label:{default:``},description:{default:void 0},complete:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},id:{default:void 0}},setup(e){let t=e,m=r.useStableId(t),h=(0,a.useSlots)(),g=(0,a.inject)(i.t,null),_=(0,a.ref)(null),v=(0,a.computed)(()=>t.disabled),y=g?.register({uid:m,disabled:v,el:()=>_.value});(0,a.onUnmounted)(()=>y?.());let b=(0,a.computed)(()=>g?.order.value.indexOf(m)??-1),x=(0,a.computed)(()=>b.value===g?.current.value),S=(0,a.computed)(()=>b.value<0?1:b.value+1),C=(0,a.computed)(()=>t.disabled?i.n.Disabled:t.invalid?i.n.Invalid:x.value?i.n.Current:t.complete||b.value>=0&&b.value<(g?.current.value??0)?i.n.Complete:i.n.Incomplete),w=(0,a.computed)(()=>g?.labels.value[C.value]??``),T=(0,a.computed)(()=>`${m}-label`),E=(0,a.computed)(()=>`${m}-description`),D=(0,a.computed)(()=>`${m}-status`),O=(0,a.computed)(()=>!!t.description||!!h.description),k=(0,a.computed)(()=>[O.value?E.value:null,D.value].filter(Boolean).join(` `)),A=(0,a.computed)(()=>g?.tabbable.value??-1),j=(0,a.computed)(()=>g?.clickable(b.value,t.disabled)??!1),M=(0,a.computed)(()=>C.value===i.n.Complete?s:C.value===i.n.Invalid?o:null),N=(0,a.computed)(()=>g?.size.value===`sm`?12:14),P=(0,a.computed)(()=>g?.orientation.value??`horizontal`);function F(){g?.select(b.value,t.disabled)}return(t,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`li`,{ref_key:`rootEl`,ref:_,class:(0,a.normalizeClass)([`nb-stepper__step`,[`nb-stepper__step--${C.value}`,{"nb-stepper__step--clickable":j.value}]]),"data-nb-step":(0,a.unref)(m),"data-status":C.value,"data-orientation":P.value,"aria-current":x.value?`step`:void 0},[((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(j.value?`button`:`div`),(0,a.mergeProps)({id:(0,a.unref)(m),class:`nb-stepper__body`},j.value?{type:`button`,"data-nb-stepper-button":``,tabindex:b.value===A.value?0:-1,"aria-labelledby":T.value,"aria-describedby":k.value}:{},{onClick:F}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,l,[M.value?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:0,name:M.value,size:N.value},null,8,[`name`,`size`])):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createTextVNode)((0,a.toDisplayString)(S.value),1)],64))]),(0,a.createElementVNode)(`span`,u,[(0,a.createElementVNode)(`span`,{id:T.value,class:`nb-stepper__label`},[(0,a.renderSlot)(t.$slots,`label`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.label),1)],!0)],8,d),e.description||t.$slots.description?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:0,id:E.value,class:`nb-stepper__description`},[(0,a.renderSlot)(t.$slots,`description`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.description),1)],!0)],8,f)):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,{id:D.value,class:`nb-stepper__status`},(0,a.toDisplayString)(w.value),9,p)])]),_:3},16,[`id`])),r[0]||=(0,a.createElementVNode)(`span`,{class:`nb-stepper__line`,"aria-hidden":`true`},null,-1)],10,c))}}),h=t.t(m,[[`__scopeId`,`data-v-
|
|
1
|
+
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./composables/useStableId.composable.cjs`),i=require(`./Stepper.context-BOGBVJcj.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/warning`);o=e.n(o);let s=require(`@nubisco/ui/icons/check`);s=e.n(s);var c=[`data-nb-step`,`data-status`,`data-orientation`,`aria-current`],l={class:`nb-stepper__marker`,"aria-hidden":`true`},u={class:`nb-stepper__text`},d=[`id`],f=[`id`],p=[`id`],m=(0,a.defineComponent)({__name:`StepperStep`,props:{label:{default:``},description:{default:void 0},complete:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},id:{default:void 0}},setup(e){let t=e,m=r.useStableId(t),h=(0,a.useSlots)(),g=(0,a.inject)(i.t,null),_=(0,a.ref)(null),v=(0,a.computed)(()=>t.disabled),y=g?.register({uid:m,disabled:v,el:()=>_.value});(0,a.onUnmounted)(()=>y?.());let b=(0,a.computed)(()=>g?.order.value.indexOf(m)??-1),x=(0,a.computed)(()=>b.value===g?.current.value),S=(0,a.computed)(()=>b.value<0?1:b.value+1),C=(0,a.computed)(()=>t.disabled?i.n.Disabled:t.invalid?i.n.Invalid:x.value?i.n.Current:t.complete||b.value>=0&&b.value<(g?.current.value??0)?i.n.Complete:i.n.Incomplete),w=(0,a.computed)(()=>g?.labels.value[C.value]??``),T=(0,a.computed)(()=>`${m}-label`),E=(0,a.computed)(()=>`${m}-description`),D=(0,a.computed)(()=>`${m}-status`),O=(0,a.computed)(()=>!!t.description||!!h.description),k=(0,a.computed)(()=>[O.value?E.value:null,D.value].filter(Boolean).join(` `)),A=(0,a.computed)(()=>g?.tabbable.value??-1),j=(0,a.computed)(()=>g?.clickable(b.value,t.disabled)??!1),M=(0,a.computed)(()=>C.value===i.n.Complete?s:C.value===i.n.Invalid?o:null),N=(0,a.computed)(()=>g?.size.value===`sm`?12:14),P=(0,a.computed)(()=>g?.orientation.value??`horizontal`);function F(){g?.select(b.value,t.disabled)}return(t,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`li`,{ref_key:`rootEl`,ref:_,class:(0,a.normalizeClass)([`nb-stepper__step`,[`nb-stepper__step--${C.value}`,{"nb-stepper__step--clickable":j.value}]]),"data-nb-step":(0,a.unref)(m),"data-status":C.value,"data-orientation":P.value,"aria-current":x.value?`step`:void 0},[((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(j.value?`button`:`div`),(0,a.mergeProps)({id:(0,a.unref)(m),class:`nb-stepper__body`},j.value?{type:`button`,"data-nb-stepper-button":``,tabindex:b.value===A.value?0:-1,"aria-labelledby":T.value,"aria-describedby":k.value}:{},{onClick:F}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,l,[M.value?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:0,name:M.value,size:N.value},null,8,[`name`,`size`])):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createTextVNode)((0,a.toDisplayString)(S.value),1)],64))]),(0,a.createElementVNode)(`span`,u,[(0,a.createElementVNode)(`span`,{id:T.value,class:`nb-stepper__label`},[(0,a.renderSlot)(t.$slots,`label`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.label),1)],!0)],8,d),e.description||t.$slots.description?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:0,id:E.value,class:`nb-stepper__description`},[(0,a.renderSlot)(t.$slots,`description`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.description),1)],!0)],8,f)):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,{id:D.value,class:`nb-stepper__status`},(0,a.toDisplayString)(w.value),9,p)])]),_:3},16,[`id`])),r[0]||=(0,a.createElementVNode)(`span`,{class:`nb-stepper__line`,"aria-hidden":`true`},null,-1)],10,c))}}),h=t.t(m,[[`__scopeId`,`data-v-ff8a033d`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});
|
|
@@ -144,6 +144,6 @@ var S = /* @__PURE__ */ function(e) {
|
|
|
144
144
|
tabindex: "0"
|
|
145
145
|
}, [_(n.$slots, e.id, { item: e }, void 0, !0)], 8, D)) : c("", !0)], 64))), 128))], 2));
|
|
146
146
|
}
|
|
147
|
-
}), [["__scopeId", "data-v-
|
|
147
|
+
}), [["__scopeId", "data-v-84dd1ef0"]]);
|
|
148
148
|
//#endregion
|
|
149
149
|
export { O as t };
|