revotech-ui-kit 0.0.11 → 0.0.12
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/src/components/atoms/alert/alert.atom.d.ts +7 -0
- package/dist/src/components/atoms/card/card.atom.d.ts +10 -0
- package/dist/src/components/atoms/checkbox/checkbox.atom.d.ts +5 -0
- package/dist/src/components/atoms/combo-box/combo-box.atom.d.ts +5 -0
- package/dist/src/components/atoms/combo-box/combo-box.stories.d.ts +5 -6
- package/dist/src/components/atoms/command/command.stories.d.ts +11 -0
- package/dist/src/components/atoms/dialog/dialog-close.d.ts +5 -0
- package/dist/src/components/atoms/dialog/dialog.atom.d.ts +17 -1
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu.atom.d.ts +19 -3
- package/dist/src/components/atoms/dropdownMenu/dropdownMenu.stories.d.ts +1 -0
- package/dist/src/components/atoms/index.d.ts +11 -5
- package/dist/src/components/atoms/label/label.atom.d.ts +5 -0
- package/dist/src/components/atoms/popover/popover.atom.d.ts +11 -1
- package/dist/src/components/atoms/textarea/textarea.atom.d.ts +16 -0
- package/dist/src/components/atoms/textarea/textarea.stories.d.ts +7 -0
- package/dist/src/components/atoms/textarea/textarea.styles.d.ts +1 -0
- package/dist/src/components/atoms/textarea/textarea.type.d.ts +11 -0
- package/dist/src/components/atoms/toggle/toggle.stories.d.ts +5 -6
- package/dist/src/components/molecules/breadCrumb/Breadcrumb-link.d.ts +7 -0
- package/dist/src/components/molecules/breadCrumb/breadCrumb.stories.d.ts +16 -0
- package/dist/src/components/molecules/breadCrumb/breadcrumb-ellipsis.d.ts +6 -0
- package/dist/src/components/molecules/breadCrumb/breadcrumb-item.d.ts +6 -0
- package/dist/src/components/molecules/breadCrumb/breadcrumb-list.d.ts +6 -0
- package/dist/src/components/molecules/breadCrumb/breadcrumb-separator.d.ts +6 -0
- package/dist/src/components/molecules/breadCrumb/breadcrumb-text.d.ts +6 -0
- package/dist/src/components/molecules/breadCrumb/breadcrumb.molecules.d.ts +6 -0
- package/dist/src/components/molecules/breadCrumb/breadcrumb.styles.d.ts +6 -0
- package/dist/src/components/molecules/index.d.ts +7 -1
- package/dist/src/components/molecules/toggle-group/defs.d.ts +37 -0
- package/dist/src/components/molecules/toggle-group/toggle-group-item.d.ts +17 -0
- package/dist/src/components/molecules/toggle-group/toggle-group.molecules.d.ts +19 -0
- package/dist/src/components/molecules/toggle-group/toggle-group.stories.d.ts +5 -0
- package/dist/src/components/molecules/toggle-group/toggle-group.style.d.ts +4 -0
- package/dist/src/index.d.ts +2 -4
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/revotech-ui-kit.cjs +0 -2293
- package/dist/revotech-ui-kit.js +0 -5608
- package/dist/src/assets/icons/arrows.icon.js +0 -20
- package/dist/src/assets/icons/arrows.icon.js.map +0 -1
- package/dist/src/assets/icons/index.js +0 -4
- package/dist/src/assets/icons/index.js.map +0 -1
- package/dist/src/assets/icons/search.icon.js +0 -19
- package/dist/src/assets/icons/search.icon.js.map +0 -1
- package/dist/src/assets/icons/tick.icon.js +0 -20
- package/dist/src/assets/icons/tick.icon.js.map +0 -1
- package/dist/src/components/atoms/alert/alert-description.js +0 -18
- package/dist/src/components/atoms/alert/alert-description.js.map +0 -1
- package/dist/src/components/atoms/alert/alert-title.js +0 -20
- package/dist/src/components/atoms/alert/alert-title.js.map +0 -1
- package/dist/src/components/atoms/alert/alert.atom.js +0 -55
- package/dist/src/components/atoms/alert/alert.atom.js.map +0 -1
- package/dist/src/components/atoms/alert/alert.stories.js +0 -62
- package/dist/src/components/atoms/alert/alert.stories.js.map +0 -1
- package/dist/src/components/atoms/alert/alert.styles.js +0 -21
- package/dist/src/components/atoms/alert/alert.styles.js.map +0 -1
- package/dist/src/components/atoms/alert/alert.types.js +0 -2
- package/dist/src/components/atoms/alert/alert.types.js.map +0 -1
- package/dist/src/components/atoms/badge/badge.atom.js +0 -43
- package/dist/src/components/atoms/badge/badge.atom.js.map +0 -1
- package/dist/src/components/atoms/badge/badge.stories.js +0 -110
- package/dist/src/components/atoms/badge/badge.stories.js.map +0 -1
- package/dist/src/components/atoms/badge/badge.style.js +0 -17
- package/dist/src/components/atoms/badge/badge.style.js.map +0 -1
- package/dist/src/components/atoms/badge/badge.type.js +0 -2
- package/dist/src/components/atoms/badge/badge.type.js.map +0 -1
- package/dist/src/components/atoms/button/button.atom.js +0 -67
- package/dist/src/components/atoms/button/button.atom.js.map +0 -1
- package/dist/src/components/atoms/button/button.stories.js +0 -204
- package/dist/src/components/atoms/button/button.stories.js.map +0 -1
- package/dist/src/components/atoms/button/button.style.js +0 -24
- package/dist/src/components/atoms/button/button.style.js.map +0 -1
- package/dist/src/components/atoms/button/button.type.js +0 -2
- package/dist/src/components/atoms/button/button.type.js.map +0 -1
- package/dist/src/components/atoms/card/card-content.js +0 -17
- package/dist/src/components/atoms/card/card-content.js.map +0 -1
- package/dist/src/components/atoms/card/card-description.js +0 -17
- package/dist/src/components/atoms/card/card-description.js.map +0 -1
- package/dist/src/components/atoms/card/card-footer.js +0 -17
- package/dist/src/components/atoms/card/card-footer.js.map +0 -1
- package/dist/src/components/atoms/card/card-header.js +0 -17
- package/dist/src/components/atoms/card/card-header.js.map +0 -1
- package/dist/src/components/atoms/card/card-title.js +0 -17
- package/dist/src/components/atoms/card/card-title.js.map +0 -1
- package/dist/src/components/atoms/card/card.atom.js +0 -25
- package/dist/src/components/atoms/card/card.atom.js.map +0 -1
- package/dist/src/components/atoms/card/card.stories.js +0 -136
- package/dist/src/components/atoms/card/card.stories.js.map +0 -1
- package/dist/src/components/atoms/checkbox/checkbox.atom.js +0 -87
- package/dist/src/components/atoms/checkbox/checkbox.atom.js.map +0 -1
- package/dist/src/components/atoms/checkbox/checkbox.stories.js +0 -244
- package/dist/src/components/atoms/checkbox/checkbox.stories.js.map +0 -1
- package/dist/src/components/atoms/checkbox/checkbox.style.js +0 -3
- package/dist/src/components/atoms/checkbox/checkbox.style.js.map +0 -1
- package/dist/src/components/atoms/checkbox/checkbox.type.js +0 -2
- package/dist/src/components/atoms/checkbox/checkbox.type.js.map +0 -1
- package/dist/src/components/atoms/combo-box/combo-box-input.js +0 -47
- package/dist/src/components/atoms/combo-box/combo-box-input.js.map +0 -1
- package/dist/src/components/atoms/combo-box/combo-box-item.js +0 -85
- package/dist/src/components/atoms/combo-box/combo-box-item.js.map +0 -1
- package/dist/src/components/atoms/combo-box/combo-box-list.js +0 -67
- package/dist/src/components/atoms/combo-box/combo-box-list.js.map +0 -1
- package/dist/src/components/atoms/combo-box/combo-box.atom.js +0 -199
- package/dist/src/components/atoms/combo-box/combo-box.atom.js.map +0 -1
- package/dist/src/components/atoms/combo-box/combo-box.stories.js +0 -86
- package/dist/src/components/atoms/combo-box/combo-box.stories.js.map +0 -1
- package/dist/src/components/atoms/command-empty/command-empty.atom.js +0 -53
- package/dist/src/components/atoms/command-empty/command-empty.atom.js.map +0 -1
- package/dist/src/components/atoms/command-group/command-group.atom.js +0 -70
- package/dist/src/components/atoms/command-group/command-group.atom.js.map +0 -1
- package/dist/src/components/atoms/command-item/command-item.atom.js +0 -78
- package/dist/src/components/atoms/command-item/command-item.atom.js.map +0 -1
- package/dist/src/components/atoms/command-list/command-list.atom.js +0 -35
- package/dist/src/components/atoms/command-list/command-list.atom.js.map +0 -1
- package/dist/src/components/atoms/command-separator/command-separator.atom.js +0 -51
- package/dist/src/components/atoms/command-separator/command-separator.atom.js.map +0 -1
- package/dist/src/components/atoms/dialog/dialog-close.js +0 -46
- package/dist/src/components/atoms/dialog/dialog-close.js.map +0 -1
- package/dist/src/components/atoms/dialog/dialog-content.js +0 -72
- package/dist/src/components/atoms/dialog/dialog-content.js.map +0 -1
- package/dist/src/components/atoms/dialog/dialog-footer.js +0 -22
- package/dist/src/components/atoms/dialog/dialog-footer.js.map +0 -1
- package/dist/src/components/atoms/dialog/dialog-header.js +0 -40
- package/dist/src/components/atoms/dialog/dialog-header.js.map +0 -1
- package/dist/src/components/atoms/dialog/dialog-overly.js +0 -20
- package/dist/src/components/atoms/dialog/dialog-overly.js.map +0 -1
- package/dist/src/components/atoms/dialog/dialog-trigger.js +0 -53
- package/dist/src/components/atoms/dialog/dialog-trigger.js.map +0 -1
- package/dist/src/components/atoms/dialog/dialog.atom.js +0 -78
- package/dist/src/components/atoms/dialog/dialog.atom.js.map +0 -1
- package/dist/src/components/atoms/dialog/dialog.stories.js +0 -88
- package/dist/src/components/atoms/dialog/dialog.stories.js.map +0 -1
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-checkbox-Item.js +0 -115
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-checkbox-Item.js.map +0 -1
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-content.js +0 -80
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-content.js.map +0 -1
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-group.js +0 -70
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-group.js.map +0 -1
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-item.js +0 -78
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-item.js.map +0 -1
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-radio-item.js +0 -116
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-radio-item.js.map +0 -1
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-seperator.js +0 -51
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-seperator.js.map +0 -1
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-shortcut.js +0 -20
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-shortcut.js.map +0 -1
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu.atom.js +0 -77
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu.atom.js.map +0 -1
- package/dist/src/components/atoms/dropdownMenu/dropdownMenu.stories.js +0 -211
- package/dist/src/components/atoms/dropdownMenu/dropdownMenu.stories.js.map +0 -1
- package/dist/src/components/atoms/dropdownMenu/dropdownMenu.style.js +0 -4
- package/dist/src/components/atoms/dropdownMenu/dropdownMenu.style.js.map +0 -1
- package/dist/src/components/atoms/index.js +0 -14
- package/dist/src/components/atoms/index.js.map +0 -1
- package/dist/src/components/atoms/input/input.atom.js +0 -93
- package/dist/src/components/atoms/input/input.atom.js.map +0 -1
- package/dist/src/components/atoms/input/input.stories.js +0 -382
- package/dist/src/components/atoms/input/input.stories.js.map +0 -1
- package/dist/src/components/atoms/input/input.styles.js +0 -2
- package/dist/src/components/atoms/input/input.styles.js.map +0 -1
- package/dist/src/components/atoms/input/input.type.js +0 -2
- package/dist/src/components/atoms/input/input.type.js.map +0 -1
- package/dist/src/components/atoms/label/label.atom.js +0 -67
- package/dist/src/components/atoms/label/label.atom.js.map +0 -1
- package/dist/src/components/atoms/label/label.stories.js +0 -85
- package/dist/src/components/atoms/label/label.stories.js.map +0 -1
- package/dist/src/components/atoms/label/label.style.js +0 -3
- package/dist/src/components/atoms/label/label.style.js.map +0 -1
- package/dist/src/components/atoms/popover/popover-content.js +0 -62
- package/dist/src/components/atoms/popover/popover-content.js.map +0 -1
- package/dist/src/components/atoms/popover/popover-trigger.js +0 -50
- package/dist/src/components/atoms/popover/popover-trigger.js.map +0 -1
- package/dist/src/components/atoms/popover/popover.atom.js +0 -40
- package/dist/src/components/atoms/popover/popover.atom.js.map +0 -1
- package/dist/src/components/atoms/popover/popover.stories.js +0 -69
- package/dist/src/components/atoms/popover/popover.stories.js.map +0 -1
- package/dist/src/components/atoms/popover/popover.style.js +0 -21
- package/dist/src/components/atoms/popover/popover.style.js.map +0 -1
- package/dist/src/components/atoms/popover/popover.types.js +0 -4
- package/dist/src/components/atoms/popover/popover.types.js.map +0 -1
- package/dist/src/components/atoms/toggle/defs.js +0 -30
- package/dist/src/components/atoms/toggle/defs.js.map +0 -1
- package/dist/src/components/atoms/toggle/toggle.atom.js +0 -72
- package/dist/src/components/atoms/toggle/toggle.atom.js.map +0 -1
- package/dist/src/components/atoms/toggle/toggle.stories.js +0 -189
- package/dist/src/components/atoms/toggle/toggle.stories.js.map +0 -1
- package/dist/src/components/atoms/toggle/toggle.style.js +0 -19
- package/dist/src/components/atoms/toggle/toggle.style.js.map +0 -1
- package/dist/src/components/command/command.d.ts +0 -56
- package/dist/src/components/command/command.js +0 -402
- package/dist/src/components/command/command.js.map +0 -1
- package/dist/src/components/command/command.stories.d.ts +0 -5
- package/dist/src/components/command/command.stories.js +0 -153
- package/dist/src/components/command/command.stories.js.map +0 -1
- package/dist/src/components/index.js +0 -3
- package/dist/src/components/index.js.map +0 -1
- package/dist/src/components/molecules/command/command.molecules.js +0 -27
- package/dist/src/components/molecules/command/command.molecules.js.map +0 -1
- package/dist/src/components/molecules/command-input/command-input.atom.js +0 -125
- package/dist/src/components/molecules/command-input/command-input.atom.js.map +0 -1
- package/dist/src/components/molecules/dropdownMenu/dropdownMenu.molecules.js +0 -2
- package/dist/src/components/molecules/dropdownMenu/dropdownMenu.molecules.js.map +0 -1
- package/dist/src/components/molecules/index.js +0 -2
- package/dist/src/components/molecules/index.js.map +0 -1
- package/dist/src/helpers/base-element.js +0 -62
- package/dist/src/helpers/base-element.js.map +0 -1
- package/dist/src/helpers/index.js +0 -4
- package/dist/src/helpers/index.js.map +0 -1
- package/dist/src/helpers/mouse-conroller.helper.js +0 -33
- package/dist/src/helpers/mouse-conroller.helper.js.map +0 -1
- package/dist/src/helpers/style.helpers.js +0 -6
- package/dist/src/helpers/style.helpers.js.map +0 -1
- package/dist/src/index.js +0 -5
- package/dist/src/index.js.map +0 -1
- package/dist/src/interfaces/actionable.interface.js +0 -2
- package/dist/src/interfaces/actionable.interface.js.map +0 -1
- package/dist/src/interfaces/atomic.interface.js +0 -2
- package/dist/src/interfaces/atomic.interface.js.map +0 -1
- package/dist/src/interfaces/changeable.interface.js +0 -2
- package/dist/src/interfaces/changeable.interface.js.map +0 -1
- package/dist/src/interfaces/child-support-atomic.interface.js +0 -2
- package/dist/src/interfaces/child-support-atomic.interface.js.map +0 -1
- package/dist/src/interfaces/index.js +0 -7
- package/dist/src/interfaces/index.js.map +0 -1
- package/dist/src/interfaces/intractable.interface.js +0 -2
- package/dist/src/interfaces/intractable.interface.js.map +0 -1
- package/dist/src/interfaces/variant.interface.js +0 -2
- package/dist/src/interfaces/variant.interface.js.map +0 -1
- package/dist/src/lib/index.js +0 -2
- package/dist/src/lib/index.js.map +0 -1
- package/dist/src/lib/next/next.lib.js +0 -2
- package/dist/src/lib/next/next.lib.js.map +0 -1
- package/dist/src/lib/react/react.lib.js +0 -16
- package/dist/src/lib/react/react.lib.js.map +0 -1
- package/dist/src/lib/tw-styles.js +0 -1956
- package/dist/src/lib/tw-styles.js.map +0 -1
- package/dist/src/styles/index.js +0 -2
- package/dist/src/styles/index.js.map +0 -1
- package/dist/src/styles/tw.styles.js +0 -2218
- package/dist/src/styles/tw.styles.js.map +0 -1
- package/dist/src/wc-ui-app.js +0 -88
- package/dist/src/wc-ui-app.js.map +0 -1
- package/dist/test/wc-ui-app.test.d.ts +0 -0
- package/dist/test/wc-ui-app.test.js +0 -18
- package/dist/test/wc-ui-app.test.js.map +0 -1
- package/dist/vite.config.d.ts +0 -2
- package/dist/vite.config.js +0 -29
- package/dist/vite.config.js.map +0 -1
- /package/dist/src/components/atoms/{command-empty → command}/command-empty.atom.d.ts +0 -0
- /package/dist/src/components/atoms/{command-group → command}/command-group.atom.d.ts +0 -0
- /package/dist/src/components/{molecules/command-input → atoms/command}/command-input.atom.d.ts +0 -0
- /package/dist/src/components/atoms/{command-item → command}/command-item.atom.d.ts +0 -0
- /package/dist/src/components/atoms/{command-list → command}/command-list.atom.d.ts +0 -0
- /package/dist/src/components/atoms/{command-separator → command}/command-separator.atom.d.ts +0 -0
- /package/dist/src/components/{molecules/command/command.molecules.d.ts → atoms/command/command.atom.d.ts} +0 -0
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"command.stories.js","sourceRoot":"","sources":["../../../../src/components/command/command.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,6CAA6C;AAC7C,OAAO,WAAW,CAAC;AAGnB,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,aAAa;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;CACX,CAAC;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+IhC,CAAC","sourcesContent":["import { html } from 'lit';\n// eslint-disable-next-line import/extensions\nimport './command';\nimport { Meta } from '@storybook/web-components';\n\nexport default {\n title: 'Components/command',\n component: 'rtg-command',\n tags: ['autodocs'],\n} as Meta;\nexport const Default = () => html`\n <rtg-command class=\"w-full max-w-md\">\n <rtg-command-input placeholder=\"Search ....\"></rtg-command-input>\n <rtg-command-list>\n <rtg-command-empty>No items found!</rtg-command-empty>\n <rtg-command-group heading=\"Suggestions\">\n <rtg-command-item>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n class=\"mr-2 h-4 w-4\"\n >\n <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"></rect>\n <line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"6\"></line>\n <line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"6\"></line>\n <line x1=\"3\" x2=\"21\" y1=\"10\" y2=\"10\"></line>\n </svg>\n <span>Calendar</span>\n </rtg-command-item>\n <rtg-command-item>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n class=\"mr-2 h-4 w-4\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"></path>\n <line x1=\"9\" x2=\"9.01\" y1=\"9\" y2=\"9\"></line>\n <line x1=\"15\" x2=\"15.01\" y1=\"9\" y2=\"9\"></line>\n </svg>\n <span>Search Emoji</span>\n </rtg-command-item>\n <rtg-command-item>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n class=\"mr-2 h-4 w-4\"\n >\n <rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect>\n <line x1=\"8\" x2=\"16\" y1=\"6\" y2=\"6\"></line>\n <line x1=\"16\" x2=\"16\" y1=\"14\" y2=\"18\"></line>\n <path d=\"M16 10h.01\"></path>\n <path d=\"M12 10h.01\"></path>\n <path d=\"M8 10h.01\"></path>\n <path d=\"M12 14h.01\"></path>\n <path d=\"M8 14h.01\"></path>\n <path d=\"M12 18h.01\"></path>\n <path d=\"M8 18h.01\"></path>\n </svg>\n <span>Calculator</span>\n </rtg-command-item>\n </rtg-command-group>\n <rtg-command-separator></rtg-command-separator>\n <rtg-command-group heading=\"Settings\">\n <rtg-command-item onclick=\"javascript:alert('Profile Clicked!')\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n class=\"mr-2 h-4 w-4\"\n >\n <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"></path>\n <circle cx=\"12\" cy=\"7\" r=\"4\"></circle>\n </svg>\n <span>Profile</span>\n <span class=\"ml-auto text-xs tracking-widest text-muted-foreground\"\n >⌘P</span\n >\n </rtg-command-item>\n <rtg-command-item>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n class=\"mr-2 h-4 w-4\"\n >\n <rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\"></rect>\n <line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\"></line>\n </svg>\n <span>Billing</span\n ><span class=\"ml-auto text-xs tracking-widest text-muted-foreground\"\n >⌘B</span\n >\n </rtg-command-item>\n <rtg-command-item>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n class=\"mr-2 h-4 w-4\"\n >\n <path\n d=\"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z\"\n ></path>\n <circle cx=\"12\" cy=\"12\" r=\"3\"></circle>\n </svg>\n <span>Settings</span>\n <span class=\"ml-auto text-xs tracking-widest text-muted-foreground\">\n ⌘S</span\n >\n </rtg-command-item>\n </rtg-command-group></rtg-command-list\n >\n </rtg-command>\n`;\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC","sourcesContent":["export * from './atoms';\nexport * from './molecules';\n"]}
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { LitElement, html, css } from 'lit';
|
3
|
-
import { customElement, queryAssignedElements, } from 'lit/decorators.js';
|
4
|
-
import { cn } from '../../../helpers';
|
5
|
-
import { TWStyles } from '../../../styles';
|
6
|
-
let Command = class Command extends LitElement {
|
7
|
-
render() {
|
8
|
-
return html `
|
9
|
-
<div
|
10
|
-
class="${cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground border shadow-md', this.className)}"
|
11
|
-
id="rtgcmdr1"
|
12
|
-
rtgcmd-root
|
13
|
-
>
|
14
|
-
<slot></slot>
|
15
|
-
</div>
|
16
|
-
`;
|
17
|
-
}
|
18
|
-
};
|
19
|
-
Command.styles = [css ``, TWStyles];
|
20
|
-
__decorate([
|
21
|
-
queryAssignedElements({ selector: 'input[rtgcmd-input]' })
|
22
|
-
], Command.prototype, "_input", void 0);
|
23
|
-
Command = __decorate([
|
24
|
-
customElement('rtg-command')
|
25
|
-
], Command);
|
26
|
-
export { Command };
|
27
|
-
//# sourceMappingURL=command.molecules.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"command.molecules.js","sourceRoot":"","sources":["../../../../../src/components/molecules/command/command.molecules.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAW,MAAM,KAAK,CAAC;AACrD,OAAO,EAEL,aAAa,EACb,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGpC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAMrC,MAAM;QACJ,OAAO,IAAI,CAAA;;iBAEE,EAAE,CACT,4GAA4G,EAC5G,IAAI,CAAC,SAAS,CACf;;;;;;KAMJ,CAAC;IACJ,CAAC;;AAlBM,cAAM,GAAG,CAAC,GAAG,CAAA,EAAE,EAAE,QAAQ,CAAC,AAApB,CAAqB;AAGlC;IADC,qBAAqB,CAAC,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC;uCAC/B;AAJjB,OAAO;IADnB,aAAa,CAAC,aAAa,CAAC;GAChB,OAAO,CAoBnB","sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport {\n property,\n customElement,\n queryAssignedElements,\n} from 'lit/decorators.js';\nimport { cn } from '../../../helpers';\nimport { TWStyles } from '../../../styles';\n\n@customElement('rtg-command')\nexport class Command extends LitElement {\n static styles = [css``, TWStyles];\n\n @queryAssignedElements({ selector: 'input[rtgcmd-input]' })\n _input!: Array<HTMLElement>;\n\n render() {\n return html`\n <div\n class=\"${cn(\n 'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground border shadow-md',\n this.className\n )}\"\n id=\"rtgcmdr1\"\n rtgcmd-root\n >\n <slot></slot>\n </div>\n `;\n }\n}\n"]}
|
@@ -1,125 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { LitElement, html, css } from 'lit';
|
3
|
-
import { property, customElement } from 'lit/decorators.js';
|
4
|
-
import { cn } from '../../../helpers';
|
5
|
-
import { TWStyles } from '../../../styles';
|
6
|
-
let CommandInput = class CommandInput extends LitElement {
|
7
|
-
constructor() {
|
8
|
-
super(...arguments);
|
9
|
-
this.placeholder = 'Type a command or search...';
|
10
|
-
this._value = '';
|
11
|
-
}
|
12
|
-
get identifier() {
|
13
|
-
const parent = this.parentElement?.shadowRoot?.querySelector('div[rtgcmd-root]');
|
14
|
-
if (parent) {
|
15
|
-
return `${parent.getAttribute('id')}i`;
|
16
|
-
}
|
17
|
-
return `rtgcmdrxi`;
|
18
|
-
}
|
19
|
-
filterItems() {
|
20
|
-
const parent = this.parentElement;
|
21
|
-
if (parent) {
|
22
|
-
let isEmpty = true;
|
23
|
-
const groups = parent.querySelectorAll('rtg-command-list > rtg-command-group');
|
24
|
-
if (groups) {
|
25
|
-
groups.forEach(group => {
|
26
|
-
let hidden = true;
|
27
|
-
const items = group.querySelectorAll('rtg-command-item');
|
28
|
-
if (items) {
|
29
|
-
items.forEach(item => {
|
30
|
-
const value = item?.value || '';
|
31
|
-
if (value.toLowerCase().includes(this._value.toLowerCase())) {
|
32
|
-
hidden = false;
|
33
|
-
isEmpty = false;
|
34
|
-
item.setAttribute('aria-hidden', 'false');
|
35
|
-
}
|
36
|
-
else {
|
37
|
-
item.setAttribute('aria-hidden', 'true');
|
38
|
-
}
|
39
|
-
});
|
40
|
-
}
|
41
|
-
group.setAttribute('aria-hidden', hidden ? 'true' : 'false');
|
42
|
-
let separator = group.previousElementSibling;
|
43
|
-
if (separator) {
|
44
|
-
separator.setAttribute('aria-hidden', hidden ||
|
45
|
-
separator.previousElementSibling?.getAttribute('aria-hidden') === 'true'
|
46
|
-
? 'true'
|
47
|
-
: 'false');
|
48
|
-
}
|
49
|
-
separator = group.nextElementSibling;
|
50
|
-
if (separator) {
|
51
|
-
separator.setAttribute('aria-hidden', hidden ||
|
52
|
-
separator.nextElementSibling?.getAttribute('aria-hidden') ===
|
53
|
-
'true'
|
54
|
-
? 'true'
|
55
|
-
: 'false');
|
56
|
-
}
|
57
|
-
});
|
58
|
-
}
|
59
|
-
const empty = parent.querySelector('rtg-command-empty');
|
60
|
-
if (empty) {
|
61
|
-
empty.setAttribute('aria-hidden', isEmpty ? 'false' : 'true');
|
62
|
-
}
|
63
|
-
}
|
64
|
-
}
|
65
|
-
handleChange(e) {
|
66
|
-
const input = e.target;
|
67
|
-
if (input) {
|
68
|
-
this._value = input.value;
|
69
|
-
this.filterItems();
|
70
|
-
}
|
71
|
-
}
|
72
|
-
render() {
|
73
|
-
return html `
|
74
|
-
<div
|
75
|
-
class="${cn('flex items-center border-b px-3', this.className)}"
|
76
|
-
name="rtgcmd-input-container"
|
77
|
-
>
|
78
|
-
<svg
|
79
|
-
xmlns="http://www.w3.org/2000/svg"
|
80
|
-
width="24"
|
81
|
-
height="24"
|
82
|
-
viewBox="0 0 24 24"
|
83
|
-
fill="none"
|
84
|
-
stroke="currentColor"
|
85
|
-
stroke-width="2"
|
86
|
-
stroke-linecap="round"
|
87
|
-
stroke-linejoin="round"
|
88
|
-
class="mr-2 h-4 w-4 shrink-0 opacity-50"
|
89
|
-
>
|
90
|
-
<circle cx="11" cy="11" r="8"></circle>
|
91
|
-
<path d="m21 21-4.3-4.3"></path>
|
92
|
-
</svg>
|
93
|
-
<input
|
94
|
-
class="flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
|
95
|
-
placeholder="${this.placeholder}"
|
96
|
-
rtgcmd-input
|
97
|
-
@input="${this.handleChange}"
|
98
|
-
autocomplete="off"
|
99
|
-
autocorrect="off"
|
100
|
-
spellcheck="false"
|
101
|
-
aria-autocomplete="list"
|
102
|
-
role="combobox"
|
103
|
-
aria-expanded="true"
|
104
|
-
aria-controls=":r1oe:"
|
105
|
-
aria-labelledby=":r1of:"
|
106
|
-
id="${this.identifier}"
|
107
|
-
type="text"
|
108
|
-
data-value="${this._value}"
|
109
|
-
/>
|
110
|
-
</div>
|
111
|
-
`;
|
112
|
-
}
|
113
|
-
};
|
114
|
-
CommandInput.styles = [css ``, TWStyles];
|
115
|
-
__decorate([
|
116
|
-
property({ type: String })
|
117
|
-
], CommandInput.prototype, "placeholder", void 0);
|
118
|
-
__decorate([
|
119
|
-
property({ attribute: 'value', type: String })
|
120
|
-
], CommandInput.prototype, "_value", void 0);
|
121
|
-
CommandInput = __decorate([
|
122
|
-
customElement('rtg-command-input')
|
123
|
-
], CommandInput);
|
124
|
-
export { CommandInput };
|
125
|
-
//# sourceMappingURL=command-input.atom.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"command-input.atom.js","sourceRoot":"","sources":["../../../../../src/components/molecules/command-input/command-input.atom.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { cn } from '../../../helpers';\nimport { TWStyles } from '../../../styles';\nimport { CommandItem, CommandSeparator } from '../../../components';\n\n@customElement('rtg-command-input')\nexport class CommandInput extends LitElement {\n @property({ type: String }) placeholder = 'Type a command or search...';\n\n @property({ attribute: 'value', type: String }) _value = '';\n\n static styles = [css``, TWStyles];\n\n private get identifier() {\n const parent =\n this.parentElement?.shadowRoot?.querySelector('div[rtgcmd-root]');\n if (parent) {\n return `${parent.getAttribute('id')}i`;\n }\n return `rtgcmdrxi`;\n }\n\n private filterItems() {\n const parent = this.parentElement;\n if (parent) {\n let isEmpty = true;\n const groups = parent.querySelectorAll(\n 'rtg-command-list > rtg-command-group'\n );\n if (groups) {\n groups.forEach(group => {\n let hidden = true;\n const items = group.querySelectorAll('rtg-command-item');\n if (items) {\n items.forEach(item => {\n const value = (item as CommandItem)?.value || '';\n if (value.toLowerCase().includes(this._value.toLowerCase())) {\n hidden = false;\n isEmpty = false;\n item.setAttribute('aria-hidden', 'false');\n } else {\n item.setAttribute('aria-hidden', 'true');\n }\n });\n }\n group.setAttribute('aria-hidden', hidden ? 'true' : 'false');\n let separator = group.previousElementSibling as CommandSeparator;\n if (separator) {\n separator.setAttribute(\n 'aria-hidden',\n hidden ||\n separator.previousElementSibling?.getAttribute(\n 'aria-hidden'\n ) === 'true'\n ? 'true'\n : 'false'\n );\n }\n separator = group.nextElementSibling as CommandSeparator;\n if (separator) {\n separator.setAttribute(\n 'aria-hidden',\n hidden ||\n separator.nextElementSibling?.getAttribute('aria-hidden') ===\n 'true'\n ? 'true'\n : 'false'\n );\n }\n });\n }\n\n const empty = parent.querySelector('rtg-command-empty');\n if (empty) {\n empty.setAttribute('aria-hidden', isEmpty ? 'false' : 'true');\n }\n }\n }\n\n private handleChange(e: Event) {\n const input = e.target as HTMLInputElement;\n if (input) {\n this._value = input.value;\n this.filterItems();\n }\n }\n\n render() {\n return html`\n <div\n class=\"${cn('flex items-center border-b px-3', this.className)}\"\n name=\"rtgcmd-input-container\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n class=\"mr-2 h-4 w-4 shrink-0 opacity-50\"\n >\n <circle cx=\"11\" cy=\"11\" r=\"8\"></circle>\n <path d=\"m21 21-4.3-4.3\"></path>\n </svg>\n <input\n class=\"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\"\n placeholder=\"${this.placeholder}\"\n rtgcmd-input\n @input=\"${this.handleChange}\"\n autocomplete=\"off\"\n autocorrect=\"off\"\n spellcheck=\"false\"\n aria-autocomplete=\"list\"\n role=\"combobox\"\n aria-expanded=\"true\"\n aria-controls=\":r1oe:\"\n aria-labelledby=\":r1of:\"\n id=\"${this.identifier}\"\n type=\"text\"\n data-value=\"${this._value}\"\n />\n </div>\n `;\n }\n}\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"dropdownMenu.molecules.js","sourceRoot":"","sources":["../../../../../src/components/molecules/dropdownMenu/dropdownMenu.molecules.ts"],"names":[],"mappings":"","sourcesContent":[""]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './command/command.molecules';\n"]}
|
@@ -1,62 +0,0 @@
|
|
1
|
-
import { LitElement } from 'lit';
|
2
|
-
export class BaseElement extends LitElement {
|
3
|
-
constructor() {
|
4
|
-
super();
|
5
|
-
}
|
6
|
-
// Helper method to filter attributes based on exclusion rules
|
7
|
-
getFilteredAttributes() {
|
8
|
-
const attributes = {};
|
9
|
-
Array.from(this.attributes).forEach(attr => {
|
10
|
-
if (!this.getAttributesToExclude().includes(attr.name)) {
|
11
|
-
attributes[attr.name] = attr.value ?? '';
|
12
|
-
}
|
13
|
-
});
|
14
|
-
return attributes;
|
15
|
-
}
|
16
|
-
isCustomPropertySet(property) {
|
17
|
-
const value = getComputedStyle(this).getPropertyValue(property).trim();
|
18
|
-
return value !== 'inherit' && value.length > 0;
|
19
|
-
}
|
20
|
-
applyCustomClass(variables, selector, className = '') {
|
21
|
-
let customClass = '';
|
22
|
-
if (variables.some(variable => this.isCustomPropertySet(variable))) {
|
23
|
-
customClass = className;
|
24
|
-
}
|
25
|
-
if (customClass)
|
26
|
-
this.shadowRoot?.querySelector(selector)?.classList.add(customClass);
|
27
|
-
}
|
28
|
-
}
|
29
|
-
// usage
|
30
|
-
// import {
|
31
|
-
// html,
|
32
|
-
// PropertyValues,
|
33
|
-
// } from "lit";
|
34
|
-
// import { customElement, property } from "lit/decorators.js";
|
35
|
-
// import { TWStyles} from "../styles/shared-style";
|
36
|
-
// import { BaseElement } from "./base-element";
|
37
|
-
// @customElement("biopass-label")
|
38
|
-
// export class Label extends BaseElement {
|
39
|
-
// constructor() {
|
40
|
-
// super();
|
41
|
-
// this.attachShadow({mode: 'open'});
|
42
|
-
// }
|
43
|
-
// @property({ type: String }) customClass: string ="";
|
44
|
-
// static styles = [ TWStyles];
|
45
|
-
// protected firstUpdated(_changedProperties: PropertyValues): void {
|
46
|
-
// const variables = [
|
47
|
-
// "--button-bg-color",
|
48
|
-
// "--button-text-color",
|
49
|
-
// "--button-border-radius",
|
50
|
-
// "--button-padding"
|
51
|
-
// ];
|
52
|
-
// this.applyCustomClass(variables, "label","label-base");
|
53
|
-
// }
|
54
|
-
// render() {
|
55
|
-
// return html`
|
56
|
-
// <label class="text-3xl font-bold underline bg-secondary text-primary label-base">
|
57
|
-
// <slot></slot>
|
58
|
-
// </label>
|
59
|
-
// `;
|
60
|
-
// }
|
61
|
-
// }
|
62
|
-
//# sourceMappingURL=base-element.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base-element.js","sourceRoot":"","sources":["../../../src/helpers/base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,MAAM,OAAgB,WAAY,SAAQ,UAAU;IAClD;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAID,8DAA8D;IACpD,qBAAqB;QAC7B,MAAM,UAAU,GAA8B,EAAE,CAAC;QACjD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACzC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;gBACvD,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,UAAU,CAAC;IACpB,CAAC;IACS,mBAAmB,CAAC,QAAgB;QAC5C,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;QACvE,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IACjD,CAAC;IAES,gBAAgB,CACxB,SAAmB,EACnB,QAAgB,EAChB,SAAS,GAAG,EAAE;QAEd,IAAI,WAAW,GAAG,EAAE,CAAC;QAErB,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;YACnE,WAAW,GAAG,SAAS,CAAC;QAC1B,CAAC;QACD,IAAI,WAAW;YACb,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IACzE,CAAC;CACF;AAED,QAAQ;AAER,WAAW;AACX,UAAU;AACV,oBAAoB;AAEpB,iBAAiB;AACjB,+DAA+D;AAC/D,oDAAoD;AACpD,gDAAgD;AAEhD,mCAAmC;AACnC,2CAA2C;AAC3C,oBAAoB;AACpB,eAAe;AACf,yCAAyC;AACzC,MAAM;AACN,yDAAyD;AACzD,iCAAiC;AAEjC,uEAAuE;AACvE,0BAA0B;AAC1B,6BAA6B;AAC7B,+BAA+B;AAC/B,kCAAkC;AAClC,2BAA2B;AAC3B,SAAS;AAET,8DAA8D;AAC9D,MAAM;AACN,gBAAgB;AAEhB,mBAAmB;AACnB,0FAA0F;AAC1F,wBAAwB;AACxB,iBAAiB;AAEjB,SAAS;AACT,MAAM;AACN,IAAI","sourcesContent":["import { LitElement } from 'lit';\n\nexport abstract class BaseElement extends LitElement {\n constructor() {\n super();\n }\n\n protected abstract getAttributesToExclude(): string[];\n\n // Helper method to filter attributes based on exclusion rules\n protected getFilteredAttributes(): { [key: string]: string } {\n const attributes: { [key: string]: string } = {};\n Array.from(this.attributes).forEach(attr => {\n if (!this.getAttributesToExclude().includes(attr.name)) {\n attributes[attr.name] = attr.value ?? '';\n }\n });\n return attributes;\n }\n protected isCustomPropertySet(property: string): boolean {\n const value = getComputedStyle(this).getPropertyValue(property).trim();\n return value !== 'inherit' && value.length > 0;\n }\n\n protected applyCustomClass(\n variables: string[],\n selector: string,\n className = ''\n ): void {\n let customClass = '';\n\n if (variables.some(variable => this.isCustomPropertySet(variable))) {\n customClass = className;\n }\n if (customClass)\n this.shadowRoot?.querySelector(selector)?.classList.add(customClass);\n }\n}\n\n// usage\n\n// import {\n// html,\n// PropertyValues,\n\n// } from \"lit\";\n// import { customElement, property } from \"lit/decorators.js\";\n// import { TWStyles} from \"../styles/shared-style\";\n// import { BaseElement } from \"./base-element\";\n\n// @customElement(\"biopass-label\")\n// export class Label extends BaseElement {\n// constructor() {\n// super();\n// this.attachShadow({mode: 'open'});\n// }\n// @property({ type: String }) customClass: string =\"\";\n// static styles = [ TWStyles];\n\n// protected firstUpdated(_changedProperties: PropertyValues): void {\n// const variables = [\n// \"--button-bg-color\",\n// \"--button-text-color\",\n// \"--button-border-radius\",\n// \"--button-padding\"\n// ];\n\n// this.applyCustomClass(variables, \"label\",\"label-base\");\n// }\n// render() {\n\n// return html`\n// <label class=\"text-3xl font-bold underline bg-secondary text-primary label-base\">\n// <slot></slot>\n// </label>\n\n// `;\n// }\n// }\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './mouse-conroller.helper';\nexport * from './style.helpers';\nexport * from './base-element';\n"]}
|
@@ -1,33 +0,0 @@
|
|
1
|
-
export class MouseController {
|
2
|
-
constructor(host) {
|
3
|
-
this.pos = { x: 0, y: 0 };
|
4
|
-
this._onMouseMove = ({ clientX, clientY }) => {
|
5
|
-
this.pos = { x: clientX, y: clientY };
|
6
|
-
this.host.requestUpdate();
|
7
|
-
};
|
8
|
-
this._onClick = (e) => {
|
9
|
-
console.log(`click: ${e.target}`);
|
10
|
-
console.log(`pos: ${this.pos.x}`);
|
11
|
-
this.host.requestUpdate();
|
12
|
-
};
|
13
|
-
this._onScroll = (e) => {
|
14
|
-
console.log(`scroll: ${e.target}`);
|
15
|
-
console.log(`pos: ${this.pos.y}`);
|
16
|
-
console.log(`pos: ${window.scrollY} ${window.innerHeight}`);
|
17
|
-
this.host.requestUpdate();
|
18
|
-
};
|
19
|
-
this.host = host;
|
20
|
-
host.addController(this);
|
21
|
-
}
|
22
|
-
hostConnected() {
|
23
|
-
window.addEventListener('mousemove', this._onMouseMove);
|
24
|
-
window.addEventListener('click', this._onClick);
|
25
|
-
window.addEventListener('scroll', this._onScroll);
|
26
|
-
}
|
27
|
-
hostDisconnected() {
|
28
|
-
window.removeEventListener('mousemove', this._onMouseMove);
|
29
|
-
window.removeEventListener('click', this._onClick);
|
30
|
-
window.removeEventListener('scroll', this._onScroll);
|
31
|
-
}
|
32
|
-
}
|
33
|
-
//# sourceMappingURL=mouse-conroller.helper.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"mouse-conroller.helper.js","sourceRoot":"","sources":["../../../src/helpers/mouse-conroller.helper.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,eAAe;IAuB1B,YAAY,IAA4B;QApBxC,QAAG,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAErB,iBAAY,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAc,EAAE,EAAE;YAClD,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC;YACtC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,CAAC;QAEF,aAAQ,GAAG,CAAC,CAAa,EAAE,EAAE;YAC3B,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;YAClC,OAAO,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;YAClC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,CAAC;QAEF,cAAS,GAAG,CAAC,CAAQ,EAAE,EAAE;YACvB,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;YACnC,OAAO,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;YAClC,OAAO,CAAC,GAAG,CAAC,QAAQ,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;YAC5D,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,CAAC;QAGA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,aAAa;QACX,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACxD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACpD,CAAC;IAED,gBAAgB;QACd,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3D,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACnD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACvD,CAAC;CACF","sourcesContent":["import { ReactiveControllerHost } from 'lit';\n\nexport class MouseController {\n private host: ReactiveControllerHost;\n\n pos = { x: 0, y: 0 };\n\n _onMouseMove = ({ clientX, clientY }: MouseEvent) => {\n this.pos = { x: clientX, y: clientY };\n this.host.requestUpdate();\n };\n\n _onClick = (e: MouseEvent) => {\n console.log(`click: ${e.target}`);\n console.log(`pos: ${this.pos.x}`);\n this.host.requestUpdate();\n };\n\n _onScroll = (e: Event) => {\n console.log(`scroll: ${e.target}`);\n console.log(`pos: ${this.pos.y}`);\n console.log(`pos: ${window.scrollY} ${window.innerHeight}`);\n this.host.requestUpdate();\n };\n\n constructor(host: ReactiveControllerHost) {\n this.host = host;\n host.addController(this);\n }\n\n hostConnected() {\n window.addEventListener('mousemove', this._onMouseMove);\n window.addEventListener('click', this._onClick);\n window.addEventListener('scroll', this._onScroll);\n }\n\n hostDisconnected() {\n window.removeEventListener('mousemove', this._onMouseMove);\n window.removeEventListener('click', this._onClick);\n window.removeEventListener('scroll', this._onScroll);\n }\n}\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"style.helpers.js","sourceRoot":"","sources":["../../../src/helpers/style.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"]}
|
package/dist/src/index.js
DELETED
package/dist/src/index.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC","sourcesContent":["import { Button } from './components/atoms/button/button.atom';\nimport { Badge } from './components/atoms/badge/badge.atom';\nimport { Input } from './components/atoms/input/input.atom';\n\nexport { Button, Badge, Input };\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"actionable.interface.js","sourceRoot":"","sources":["../../../src/interfaces/actionable.interface.ts"],"names":[],"mappings":"","sourcesContent":["import React from 'react';\r\n\r\nexport type ActionableProps = Partial<{\r\n onClick: (event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\r\n onSubmit: (event?: React.FormEvent<HTMLFormElement>) => void;\r\n}>;\r\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"atomic.interface.js","sourceRoot":"","sources":["../../../src/interfaces/atomic.interface.ts"],"names":[],"mappings":"","sourcesContent":["export type AtomicProps = Partial<{\r\n id: string;\r\n className: string;\r\n name: string;\r\n title: string;\r\n}>;\r\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"changeable.interface.js","sourceRoot":"","sources":["../../../src/interfaces/changeable.interface.ts"],"names":[],"mappings":"","sourcesContent":["import React from 'react';\r\n\r\nimport { IntractableProps } from './intractable.interface';\r\n\r\nexport type ChangeableProps<\r\n T = React.ChangeEvent<HTMLInputElement> | string | number,\r\n K = unknown\r\n> = Partial<\r\n IntractableProps & {\r\n onChange: (event?: T, value?: K) => void;\r\n onBlur: (event?: T) => void;\r\n onPaste: (event?: T) => void;\r\n }\r\n>;\r\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"child-support-atomic.interface.js","sourceRoot":"","sources":["../../../src/interfaces/child-support-atomic.interface.ts"],"names":[],"mappings":"","sourcesContent":["import { AtomicProps } from './atomic.interface';\r\n\r\nexport type AtomicComponentWithChildren = {\r\n children: React.ReactNode;\r\n} & AtomicProps;\r\n"]}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
export * from './actionable.interface';
|
2
|
-
export * from './atomic.interface';
|
3
|
-
export * from './child-support-atomic.interface';
|
4
|
-
export * from './changeable.interface';
|
5
|
-
export * from './intractable.interface';
|
6
|
-
export * from './variant.interface';
|
7
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './actionable.interface';\nexport * from './atomic.interface';\nexport * from './child-support-atomic.interface';\nexport * from './changeable.interface';\nexport * from './intractable.interface';\nexport * from './variant.interface';\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"intractable.interface.js","sourceRoot":"","sources":["../../../src/interfaces/intractable.interface.ts"],"names":[],"mappings":"","sourcesContent":["export type IntractableProps<T = string> = Partial<{\r\n isDisabled: boolean;\r\n isChecked: boolean;\r\n isReadOnly: boolean;\r\n type: T;\r\n}>;\r\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"variant.interface.js","sourceRoot":"","sources":["../../../src/interfaces/variant.interface.ts"],"names":[],"mappings":"","sourcesContent":["export type VariantProps<T> = Partial<{\n variant: T;\n}>;\n"]}
|
package/dist/src/lib/index.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"next.lib.js","sourceRoot":"","sources":["../../../../src/lib/next/next.lib.ts"],"names":[],"mappings":"","sourcesContent":[""]}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import { createComponent } from '@lit-labs/react';
|
2
|
-
import { Button } from '@/components/atoms/button/button.atom';
|
3
|
-
import { Checkbox } from '@/components/atoms/checkbox/checkbox.atom';
|
4
|
-
import React from 'react';
|
5
|
-
const ButtonReact = createComponent({
|
6
|
-
tagName: 'rtg-button',
|
7
|
-
elementClass: Button,
|
8
|
-
react: React,
|
9
|
-
});
|
10
|
-
const CheckboxReact = createComponent({
|
11
|
-
tagName: 'rtg-checkbox',
|
12
|
-
elementClass: Checkbox,
|
13
|
-
react: React,
|
14
|
-
});
|
15
|
-
export { ButtonReact, CheckboxReact };
|
16
|
-
//# sourceMappingURL=react.lib.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"react.lib.js","sourceRoot":"","sources":["../../../../src/lib/react/react.lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,GAAG,eAAe,CAAC;IAClC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,MAAM;IACpB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,eAAe,CAAC;IACpC,OAAO,EAAE,cAAc;IACvB,YAAY,EAAE,QAAQ;IACtB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC","sourcesContent":["import { createComponent } from '@lit-labs/react';\nimport { Button } from '@/components/atoms/button/button.atom';\nimport { Checkbox } from '@/components/atoms/checkbox/checkbox.atom';\nimport React from 'react';\n\nconst ButtonReact = createComponent({\n tagName: 'rtg-button',\n elementClass: Button,\n react: React,\n});\n\nconst CheckboxReact = createComponent({\n tagName: 'rtg-checkbox',\n elementClass: Checkbox,\n react: React,\n});\n\nexport { ButtonReact, CheckboxReact };\n"]}
|