@aquera/nile-elements 0.0.31 → 0.0.33
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/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.d.ts +4 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.js +4 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.js.map +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb/index.d.ts +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb/index.js +2 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb/index.js.map +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb/nile-breadcrumb.css.d.ts +12 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb/nile-breadcrumb.css.js +18 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb/nile-breadcrumb.css.js.map +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb/nile-breadcrumb.d.ts +35 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb/nile-breadcrumb.js +61 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb/nile-breadcrumb.js.map +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb-item/index.d.ts +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb-item/index.js +2 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb-item/index.js.map +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.d.ts +12 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js +47 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js.map +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.d.ts +34 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js +74 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js.map +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-card/index.d.ts +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-card/index.js +2 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-card/index.js.map +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-card/nile-card.css.d.ts +12 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-card/nile-card.css.js +71 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-card/nile-card.css.js.map +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-card/nile-card.d.ts +26 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-card/nile-card.js +46 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-card/nile-card.js.map +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/extensionSetup.d.ts +33 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/extensionSetup.js +63 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/extensionSetup.js.map +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/index.d.ts +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/index.js +2 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/index.js.map +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/nile-code-editor.css.d.ts +12 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/nile-code-editor.css.js +42 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/nile-code-editor.css.js.map +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/nile-code-editor.d.ts +43 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/nile-code-editor.js +114 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/nile-code-editor.js.map +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-icon/icons/svg/arrowright.d.ts +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-icon/icons/svg/arrowright.js +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-icon/icons/svg/arrowright.js.map +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-icon-button/nile-icon-button.d.ts +2 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-icon-button/nile-icon-button.js +9 -6
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-icon-button/nile-icon-button.js.map +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-switcher/nile-switcher.css.js +11 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-switcher/nile-switcher.css.js.map +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-switcher/nile-switcher.d.ts +11 -5
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-switcher/nile-switcher.js +55 -7
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-switcher/nile-switcher.js.map +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tag/nile-tag.css.js +7 -15
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tag/nile-tag.css.js.map +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tag/nile-tag.d.ts +1 -0
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tag/nile-tag.js +21 -2
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tag/nile-tag.js.map +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-toast/nile-toast.css.js +4 -4
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-toast/nile-toast.css.js.map +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tooltip/nile-tooltip.css.js +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tooltip/nile-tooltip.css.js.map +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tooltip/nile-tooltip.js +2 -2
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-tooltip/nile-tooltip.js.map +1 -1
- package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.iife.js +545 -374
- package/dist/nile-breadcrumb/index.cjs.js +2 -0
- package/dist/nile-breadcrumb/index.cjs.js.map +1 -0
- package/dist/nile-breadcrumb/index.esm.js +1 -0
- package/dist/nile-breadcrumb/nile-breadcrumb.cjs.js +2 -0
- package/dist/nile-breadcrumb/nile-breadcrumb.cjs.js.map +1 -0
- package/dist/nile-breadcrumb/nile-breadcrumb.css.cjs.js +2 -0
- package/dist/nile-breadcrumb/nile-breadcrumb.css.cjs.js.map +1 -0
- package/dist/nile-breadcrumb/nile-breadcrumb.css.esm.js +6 -0
- package/dist/nile-breadcrumb/nile-breadcrumb.esm.js +6 -0
- package/dist/nile-breadcrumb-item/index.cjs.js +2 -0
- package/dist/nile-breadcrumb-item/index.cjs.js.map +1 -0
- package/dist/nile-breadcrumb-item/index.esm.js +1 -0
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.cjs.js +2 -0
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.cjs.js.map +1 -0
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.cjs.js +2 -0
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.cjs.js.map +1 -0
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.esm.js +35 -0
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.esm.js +13 -0
- package/dist/nile-card/index.cjs.js +2 -0
- package/dist/nile-card/index.cjs.js.map +1 -0
- package/dist/nile-card/index.esm.js +1 -0
- package/dist/nile-card/nile-card.cjs.js +2 -0
- package/dist/nile-card/nile-card.cjs.js.map +1 -0
- package/dist/nile-card/nile-card.css.cjs.js +2 -0
- package/dist/nile-card/nile-card.css.cjs.js.map +1 -0
- package/dist/nile-card/nile-card.css.esm.js +59 -0
- package/dist/nile-card/nile-card.esm.js +9 -0
- package/dist/nile-code-editor/extensionSetup.cjs.js +7 -0
- package/dist/nile-code-editor/extensionSetup.cjs.js.map +1 -0
- package/dist/nile-code-editor/extensionSetup.esm.js +1 -0
- package/dist/nile-code-editor/index.cjs.js +2 -0
- package/dist/nile-code-editor/index.cjs.js.map +1 -0
- package/dist/nile-code-editor/index.esm.js +1 -0
- package/dist/nile-code-editor/nile-code-editor.cjs.js +3 -0
- package/dist/nile-code-editor/nile-code-editor.cjs.js.map +1 -0
- package/dist/nile-code-editor/nile-code-editor.css.cjs.js +2 -0
- package/dist/nile-code-editor/nile-code-editor.css.cjs.js.map +1 -0
- package/dist/nile-code-editor/nile-code-editor.css.esm.js +30 -0
- package/dist/nile-code-editor/nile-code-editor.esm.js +9 -0
- package/dist/nile-icon/icons/svg/arrowright.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/arrowright.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/arrowright.esm.js +1 -1
- package/dist/nile-icon-button/nile-icon-button.cjs.js +1 -1
- package/dist/nile-icon-button/nile-icon-button.cjs.js.map +1 -1
- package/dist/nile-icon-button/nile-icon-button.esm.js +4 -3
- package/dist/nile-switcher/index.cjs.js +1 -1
- package/dist/nile-switcher/index.esm.js +1 -1
- package/dist/nile-switcher/nile-switcher.cjs.js +1 -1
- package/dist/nile-switcher/nile-switcher.cjs.js.map +1 -1
- package/dist/nile-switcher/nile-switcher.css.cjs.js +1 -1
- package/dist/nile-switcher/nile-switcher.css.cjs.js.map +1 -1
- package/dist/nile-switcher/nile-switcher.css.esm.js +13 -2
- package/dist/nile-switcher/nile-switcher.esm.js +38 -30
- package/dist/nile-tag/nile-tag.cjs.js +1 -1
- package/dist/nile-tag/nile-tag.cjs.js.map +1 -1
- package/dist/nile-tag/nile-tag.css.cjs.js +1 -1
- package/dist/nile-tag/nile-tag.css.cjs.js.map +1 -1
- package/dist/nile-tag/nile-tag.css.esm.js +9 -17
- package/dist/nile-tag/nile-tag.esm.js +3 -3
- package/dist/nile-toast/nile-toast.css.cjs.js +1 -1
- package/dist/nile-toast/nile-toast.css.cjs.js.map +1 -1
- package/dist/nile-toast/nile-toast.css.esm.js +4 -4
- package/dist/nile-tooltip/nile-tooltip.cjs.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.cjs.js.map +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.cjs.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.cjs.js.map +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.esm.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.esm.js +2 -2
- package/dist/src/index.d.ts +4 -0
- package/dist/src/index.js +4 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-breadcrumb/index.d.ts +1 -0
- package/dist/src/nile-breadcrumb/index.js +2 -0
- package/dist/src/nile-breadcrumb/index.js.map +1 -0
- package/dist/src/nile-breadcrumb/nile-breadcrumb.css.d.ts +12 -0
- package/dist/src/nile-breadcrumb/nile-breadcrumb.css.js +18 -0
- package/dist/src/nile-breadcrumb/nile-breadcrumb.css.js.map +1 -0
- package/dist/src/nile-breadcrumb/nile-breadcrumb.d.ts +35 -0
- package/dist/src/nile-breadcrumb/nile-breadcrumb.js +61 -0
- package/dist/src/nile-breadcrumb/nile-breadcrumb.js.map +1 -0
- package/dist/src/nile-breadcrumb-item/index.d.ts +1 -0
- package/dist/src/nile-breadcrumb-item/index.js +2 -0
- package/dist/src/nile-breadcrumb-item/index.js.map +1 -0
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.d.ts +12 -0
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js +47 -0
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js.map +1 -0
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.d.ts +34 -0
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js +74 -0
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js.map +1 -0
- package/dist/src/nile-card/index.d.ts +1 -0
- package/dist/src/nile-card/index.js +2 -0
- package/dist/src/nile-card/index.js.map +1 -0
- package/dist/src/nile-card/nile-card.css.d.ts +12 -0
- package/dist/src/nile-card/nile-card.css.js +71 -0
- package/dist/src/nile-card/nile-card.css.js.map +1 -0
- package/dist/src/nile-card/nile-card.d.ts +26 -0
- package/dist/src/nile-card/nile-card.js +46 -0
- package/dist/src/nile-card/nile-card.js.map +1 -0
- package/dist/src/nile-code-editor/extensionSetup.d.ts +33 -0
- package/dist/src/nile-code-editor/extensionSetup.js +63 -0
- package/dist/src/nile-code-editor/extensionSetup.js.map +1 -0
- package/dist/src/nile-code-editor/index.d.ts +1 -0
- package/dist/src/nile-code-editor/index.js +2 -0
- package/dist/src/nile-code-editor/index.js.map +1 -0
- package/dist/src/nile-code-editor/nile-code-editor.css.d.ts +12 -0
- package/dist/src/nile-code-editor/nile-code-editor.css.js +42 -0
- package/dist/src/nile-code-editor/nile-code-editor.css.js.map +1 -0
- package/dist/src/nile-code-editor/nile-code-editor.d.ts +43 -0
- package/dist/src/nile-code-editor/nile-code-editor.js +114 -0
- package/dist/src/nile-code-editor/nile-code-editor.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/arrowright.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/arrowright.js +1 -1
- package/dist/src/nile-icon/icons/svg/arrowright.js.map +1 -1
- package/dist/src/nile-icon-button/nile-icon-button.d.ts +2 -1
- package/dist/src/nile-icon-button/nile-icon-button.js +9 -6
- package/dist/src/nile-icon-button/nile-icon-button.js.map +1 -1
- package/dist/src/nile-switcher/nile-switcher.css.js +11 -0
- package/dist/src/nile-switcher/nile-switcher.css.js.map +1 -1
- package/dist/src/nile-switcher/nile-switcher.d.ts +11 -5
- package/dist/src/nile-switcher/nile-switcher.js +55 -7
- package/dist/src/nile-switcher/nile-switcher.js.map +1 -1
- package/dist/src/nile-tag/nile-tag.css.js +7 -15
- package/dist/src/nile-tag/nile-tag.css.js.map +1 -1
- package/dist/src/nile-tag/nile-tag.d.ts +1 -0
- package/dist/src/nile-tag/nile-tag.js +21 -2
- package/dist/src/nile-tag/nile-tag.js.map +1 -1
- package/dist/src/nile-toast/nile-toast.css.js +4 -4
- package/dist/src/nile-toast/nile-toast.css.js.map +1 -1
- package/dist/src/nile-tooltip/nile-tooltip.css.js +1 -1
- package/dist/src/nile-tooltip/nile-tooltip.css.js.map +1 -1
- package/dist/src/nile-tooltip/nile-tooltip.js +2 -2
- package/dist/src/nile-tooltip/nile-tooltip.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/index.ts +5 -1
- package/src/nile-breadcrumb/index.ts +1 -0
- package/src/nile-breadcrumb/nile-breadcrumb.css.ts +20 -0
- package/src/nile-breadcrumb/nile-breadcrumb.ts +78 -0
- package/src/nile-breadcrumb-item/index.ts +1 -0
- package/src/nile-breadcrumb-item/nile-breadcrumb-item.css.ts +49 -0
- package/src/nile-breadcrumb-item/nile-breadcrumb-item.ts +83 -0
- package/src/nile-card/index.ts +1 -0
- package/src/nile-card/nile-card.css.ts +73 -0
- package/src/nile-card/nile-card.ts +53 -0
- package/src/nile-code-editor/extensionSetup.ts +125 -0
- package/src/nile-code-editor/index.ts +1 -0
- package/src/nile-code-editor/nile-code-editor.css.ts +44 -0
- package/src/nile-code-editor/nile-code-editor.ts +127 -0
- package/src/nile-icon/icons/svg/arrowright.ts +1 -1
- package/src/nile-icon-button/nile-icon-button.ts +9 -6
- package/src/nile-switcher/nile-switcher.css.ts +11 -0
- package/src/nile-switcher/nile-switcher.ts +70 -10
- package/src/nile-tag/nile-tag.css.ts +7 -15
- package/src/nile-tag/nile-tag.ts +24 -2
- package/src/nile-toast/nile-toast.css.ts +4 -4
- package/src/nile-tooltip/nile-tooltip.css.ts +1 -1
- package/src/nile-tooltip/nile-tooltip.ts +2 -2
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-tooltip.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, CSSResultArray, TemplateResult} from 'lit-element';\nimport {styles} from './nile-tooltip.css';\nimport '../nile-popup/nile-popup';\nimport { animateTo, parseDuration, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { html } from 'lit';\n// import { LocalizeController } from '../utilities/localize';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type NilePopup from '../nile-popup/nile-popup';\n/**\n * Nile icon component.\n *\n * @tag nile-tooltip\n *\n */\n@customElement('nile-tooltip')\nexport class NileTooltip extends NileElement {\n\n\t/**\n\t * The styles for Tooltip\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\n private hoverTimeout: number;\n // private readonly localize = new LocalizeController(this);\n\n @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n @query('.tooltip__body') body: HTMLElement;\n @query('nile-popup') popup: NilePopup;\n\n /** The tooltip's content. If you need to display HTML, use the `content` slot instead. */\n @property() content = '';\n\n /**\n * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\n * inside of the viewport.\n */\n @property() placement:\n | 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end' = 'top';\n\n /** Disables the tooltip so it won't show when triggered. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** The distance in pixels from which to offset the tooltip away from its target. */\n @property({ type: Number }) distance = 8;\n\n /** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */\n @property({ type: Boolean, reflect: true }) open = false;\n\n /** The distance in pixels from which to offset the tooltip along its target. */\n @property({ type: Number }) skidding = 0;\n\n /**\n * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n * programmatically.\n */\n @property() trigger = 'hover focus';\n\n /**\n * Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n * `overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\n * scenarios.\n */\n @property({ type: Boolean }) hoist = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.handleBlur = this.handleBlur.bind(this);\n this.handleClick = this.handleClick.bind(this);\n this.handleFocus = this.handleFocus.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.handleMouseOver = this.handleMouseOver.bind(this);\n this.handleMouseOut = this.handleMouseOut.bind(this);\n\n this.updateComplete.then(() => {\n this.addEventListener('blur', this.handleBlur, true);\n this.addEventListener('focus', this.handleFocus, true);\n this.addEventListener('click', this.handleClick);\n this.addEventListener('keydown', this.handleKeyDown);\n this.addEventListener('mouseover', this.handleMouseOver);\n this.addEventListener('mouseout', this.handleMouseOut);\n });\n }\n\n firstUpdated() {\n this.body.hidden = !this.open;\n\n // If the tooltip is visible on init, update its position\n if (this.open) {\n this.popup.active = true;\n this.popup.reposition();\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('blur', this.handleBlur, true);\n this.removeEventListener('focus', this.handleFocus, true);\n this.removeEventListener('click', this.handleClick);\n this.removeEventListener('keydown', this.handleKeyDown);\n this.removeEventListener('mouseover', this.handleMouseOver);\n this.removeEventListener('mouseout', this.handleMouseOut);\n }\n\n private handleBlur() {\n if (this.hasTrigger('focus')) {\n this.hide();\n }\n }\n\n private handleClick() {\n if (this.hasTrigger('click')) {\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n }\n }\n\n private handleFocus() {\n if (this.hasTrigger('focus')) {\n this.show();\n }\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n // Pressing escape when the target element has focus should dismiss the tooltip\n if (this.open && event.key === 'Escape') {\n event.stopPropagation();\n this.hide();\n }\n }\n\n private handleMouseOver() {\n if (this.hasTrigger('hover')) {\n const delay = parseDuration(getComputedStyle(this).getPropertyValue('--show-delay'));\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.show(), delay);\n }\n }\n\n private handleMouseOut() {\n if (this.hasTrigger('hover')) {\n const delay = parseDuration(getComputedStyle(this).getPropertyValue('--hide-delay'));\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.hide(), delay);\n }\n }\n\n private hasTrigger(triggerType: string) {\n const triggers = this.trigger.split(' ');\n return triggers.includes(triggerType);\n }\n\n @watch('open', { waitUntilFirstUpdate: true })\n async handleOpenChange() {\n if (this.open) {\n if (this.disabled) {\n return;\n }\n\n // Show\n this.emit('nile-show');\n\n await stopAnimations(this.body);\n this.body.hidden = false;\n this.popup.active = true;\n const { keyframes, options } = getAnimation(this, 'tooltip.show', { dir: '' });\n await animateTo(this.popup.popup, keyframes, options);\n\n this.emit('nile-after-show');\n } else {\n // Hide\n this.emit('nile-hide');\n\n await stopAnimations(this.body);\n const { keyframes, options } = getAnimation(this, 'tooltip.hide', { dir: '' });\n await animateTo(this.popup.popup, keyframes, options);\n this.popup.active = false;\n this.body.hidden = true;\n\n this.emit('nile-after-hide');\n }\n }\n\n @watch(['content', 'distance', 'hoist', 'placement', 'skidding'])\n async handleOptionsChange() {\n if (this.hasUpdated) {\n await this.updateComplete;\n this.popup.reposition();\n }\n }\n\n @watch('disabled')\n handleDisabledChange() {\n if (this.disabled && this.open) {\n this.hide();\n }\n }\n\n /** Shows the tooltip. */\n async show() {\n if (this.open) {\n return undefined;\n }\n\n this.open = true;\n return waitForEvent(this, 'nile-after-show');\n }\n\n /** Hides the tooltip */\n async hide() {\n if (!this.open) {\n return undefined;\n }\n\n this.open = false;\n return waitForEvent(this, 'nile-after-hide');\n }\n\n render() {\n return html`\n <nile-popup\n part=\"base\"\n exportparts=\"\n popup:base__popup,\n arrow:base__arrow\n \"\n class=${classMap({\n tooltip: true,\n 'tooltip--open': this.open\n })}\n placement=${this.placement}\n distance=${this.distance}\n skidding=${this.skidding}\n strategy=${this.hoist ? 'fixed' : 'absolute'}\n flip\n shift\n arrow\n >\n <slot slot=\"anchor\" aria-describedby=\"tooltip\"></slot>\n\n <slot\n name=\"content\"\n part=\"body\"\n id=\"tooltip\"\n class=\"tooltip__body\"\n role=\"tooltip\"\n aria-live=${this.open ? 'polite' : 'off'}\n >\n ${this.content}\n </slot>\n </nile-popup>\n `;\n }\n}\n\nsetDefaultAnimation('tooltip.show', {\n keyframes: [\n { opacity: 0, scale: 0.8 },\n { opacity: 1, scale: 1 }\n ],\n options: { duration: 150, easing: 'ease' }\n});\n\nsetDefaultAnimation('tooltip.hide', {\n keyframes: [\n { opacity: 1, scale: 1 },\n { opacity: 0, scale: 0.8 }\n ],\n options: { duration: 150, easing: 'ease' }\n});\n\nexport default NileTooltip;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tooltip': NileTooltip;\n }\n}\n"],"names":["NileTooltip","f","this","content","placement","disabled","distance","open","skidding","trigger","hoist","_this","_createClass","key","value","connectedCallback","super","handleBlur","bind","handleClick","handleFocus","handleKeyDown","handleMouseOver","handleMouseOut","updateComplete","then","addEventListener","firstUpdated","body","hidden","popup","active","reposition","disconnectedCallback","removeEventListener","hasTrigger","hide","show","event","stopPropagation","_this3","delay","parseDuration","getComputedStyle","getPropertyValue","clearTimeout","hoverTimeout","window","setTimeout","_this4","triggerType","split","includes","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_p","_t3","_i","_p2","_t4","_i2","wrap","_callee$","_context2","prev","next","emit","stopAnimations","getAnimation","dir","keyframes","options","animateTo","stop","handleOpenChange","apply","arguments","_handleOptionsChange","_callee2","_callee2$","_context3","t0","hasUpdated","handleOptionsChange","handleDisabledChange","_show","_callee3","_callee3$","_context4","abrupt","waitForEvent","_hide","_callee4","_callee4$","_context5","render","html","_templateObject","_taggedTemplateLiteral","classMap","tooltip","get","styles","NileElement","__decorate","query","prototype","property","type","Boolean","reflect","Number","watch","waitUntilFirstUpdate","_export","customElement","setDefaultAnimation","opacity","scale","duration","easing"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"nile-tooltip.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, CSSResultArray, TemplateResult} from 'lit-element';\nimport {styles} from './nile-tooltip.css';\nimport '../nile-popup/nile-popup';\nimport { animateTo, parseDuration, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { html } from 'lit';\n// import { LocalizeController } from '../utilities/localize';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type NilePopup from '../nile-popup/nile-popup';\n/**\n * Nile icon component.\n *\n * @tag nile-tooltip\n *\n */\n@customElement('nile-tooltip')\nexport class NileTooltip extends NileElement {\n\n\t/**\n\t * The styles for Tooltip\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\n private hoverTimeout: number;\n // private readonly localize = new LocalizeController(this);\n\n @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n @query('.tooltip__body') body: HTMLElement;\n @query('nile-popup') popup: NilePopup;\n\n /** The tooltip's content. If you need to display HTML, use the `content` slot instead. */\n @property({ type: String, reflect: true }) content = '';\n\n /**\n * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\n * inside of the viewport.\n */\n @property() placement:\n | 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end' = 'top';\n\n /** Disables the tooltip so it won't show when triggered. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** The distance in pixels from which to offset the tooltip away from its target. */\n @property({ type: Number }) distance = 8;\n\n /** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */\n @property({ type: Boolean, reflect: true }) open = false;\n\n /** The distance in pixels from which to offset the tooltip along its target. */\n @property({ type: Number }) skidding = 0;\n\n /**\n * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n * programmatically.\n */\n @property() trigger = 'hover focus';\n\n /**\n * Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n * `overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\n * scenarios.\n */\n @property({ type: Boolean }) hoist = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.handleBlur = this.handleBlur.bind(this);\n this.handleClick = this.handleClick.bind(this);\n this.handleFocus = this.handleFocus.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.handleMouseOver = this.handleMouseOver.bind(this);\n this.handleMouseOut = this.handleMouseOut.bind(this);\n\n this.updateComplete.then(() => {\n this.addEventListener('blur', this.handleBlur, true);\n this.addEventListener('focus', this.handleFocus, true);\n this.addEventListener('click', this.handleClick);\n this.addEventListener('keydown', this.handleKeyDown);\n this.addEventListener('mouseover', this.handleMouseOver);\n this.addEventListener('mouseout', this.handleMouseOut);\n });\n }\n\n firstUpdated() {\n this.body.hidden = !this.open;\n\n // If the tooltip is visible on init, update its position\n if (this.open) {\n this.popup.active = true;\n this.popup.reposition();\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('blur', this.handleBlur, true);\n this.removeEventListener('focus', this.handleFocus, true);\n this.removeEventListener('click', this.handleClick);\n this.removeEventListener('keydown', this.handleKeyDown);\n this.removeEventListener('mouseover', this.handleMouseOver);\n this.removeEventListener('mouseout', this.handleMouseOut);\n }\n\n private handleBlur() {\n if (this.hasTrigger('focus')) {\n this.hide();\n }\n }\n\n private handleClick() {\n if (this.hasTrigger('click')) {\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n }\n }\n\n private handleFocus() {\n if (this.hasTrigger('focus')) {\n this.show();\n }\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n // Pressing escape when the target element has focus should dismiss the tooltip\n if (this.open && event.key === 'Escape') {\n event.stopPropagation();\n this.hide();\n }\n }\n\n private handleMouseOver() {\n if (this.hasTrigger('hover')) {\n const delay = parseDuration(getComputedStyle(this).getPropertyValue('--show-delay'));\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.show(), delay);\n }\n }\n\n private handleMouseOut() {\n if (this.hasTrigger('hover')) {\n const delay = parseDuration(getComputedStyle(this).getPropertyValue('--hide-delay'));\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.hide(), delay);\n }\n }\n\n private hasTrigger(triggerType: string) {\n const triggers = this.trigger.split(' ');\n return triggers.includes(triggerType);\n }\n\n @watch('open', { waitUntilFirstUpdate: true })\n async handleOpenChange() {\n if (this.open) {\n if (this.disabled) {\n return;\n }\n\n // Show\n this.emit('nile-show');\n\n await stopAnimations(this.body);\n this.body.hidden = false;\n this.popup.active = true;\n const { keyframes, options } = getAnimation(this, 'tooltip.show', { dir: '' });\n await animateTo(this.popup.popup, keyframes, options);\n\n this.emit('nile-after-show');\n } else {\n // Hide\n this.emit('nile-hide');\n\n await stopAnimations(this.body);\n const { keyframes, options } = getAnimation(this, 'tooltip.hide', { dir: '' });\n await animateTo(this.popup.popup, keyframes, options);\n this.popup.active = false;\n this.body.hidden = true;\n\n this.emit('nile-after-hide');\n }\n }\n\n @watch(['content', 'distance', 'hoist', 'placement', 'skidding'])\n async handleOptionsChange() {\n if (this.hasUpdated) {\n await this.updateComplete;\n this.popup.reposition();\n }\n }\n\n @watch('disabled')\n handleDisabledChange() {\n if (this.disabled && this.open) {\n this.hide();\n }\n }\n\n /** Shows the tooltip. */\n async show() {\n if (this.open || !(this.content?.trim().length)) {\n return undefined;\n }\n\n this.open = true;\n return waitForEvent(this, 'nile-after-show');\n }\n\n /** Hides the tooltip */\n async hide() {\n if (!this.open) {\n return undefined;\n }\n\n this.open = false;\n return waitForEvent(this, 'nile-after-hide');\n }\n\n render() {\n return html`\n <nile-popup\n part=\"base\"\n exportparts=\"\n popup:base__popup,\n arrow:base__arrow\n \"\n class=${classMap({\n tooltip: true,\n 'tooltip--open': this.open\n })}\n placement=${this.placement}\n distance=${this.distance}\n skidding=${this.skidding}\n strategy=${this.hoist ? 'fixed' : 'absolute'}\n flip\n shift\n arrow\n >\n <slot slot=\"anchor\" aria-describedby=\"tooltip\"></slot>\n\n <slot\n name=\"content\"\n part=\"body\"\n id=\"tooltip\"\n class=\"tooltip__body\"\n role=\"tooltip\"\n aria-live=${this.open ? 'polite' : 'off'}\n >\n ${this.content}\n </slot>\n </nile-popup>\n `;\n }\n}\n\nsetDefaultAnimation('tooltip.show', {\n keyframes: [\n { opacity: 0, scale: 0.8 },\n { opacity: 1, scale: 1 }\n ],\n options: { duration: 150, easing: 'ease' }\n});\n\nsetDefaultAnimation('tooltip.hide', {\n keyframes: [\n { opacity: 1, scale: 1 },\n { opacity: 0, scale: 0.8 }\n ],\n options: { duration: 150, easing: 'ease' }\n});\n\nexport default NileTooltip;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tooltip': NileTooltip;\n }\n}\n"],"names":["NileTooltip","_m","_inherits","f","_super","_createSuper","this","content","placement","disabled","distance","open","skidding","trigger","hoist","_this","_createClass","key","value","connectedCallback","super","handleBlur","bind","handleClick","handleFocus","handleKeyDown","handleMouseOver","handleMouseOut","updateComplete","then","addEventListener","firstUpdated","body","hidden","popup","active","reposition","disconnectedCallback","removeEventListener","hasTrigger","hide","show","event","stopPropagation","_this3","delay","parseDuration","getComputedStyle","getPropertyValue","clearTimeout","hoverTimeout","window","setTimeout","triggerType","split","includes","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_p","_t3","_i","_p2","_t4","_i2","wrap","_callee$","_context2","prev","next","emit","stopAnimations","getAnimation","dir","animateTo","keyframes","options","stop","handleOpenChange","apply","arguments","_handleOptionsChange","_callee2","_callee2$","_context3","t0","hasUpdated","handleOptionsChange","handleDisabledChange","_show","_callee3","_this$content","_callee3$","_context4","trim","length","abrupt","waitForEvent","_hide","_callee4","_callee4$","_context5","render","html","_templateObject","_taggedTemplateLiteral","classMap","tooltip","get","styles","NileElement","__decorate","query","prototype","property","type","String","reflect","Boolean","Number","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","scale","duration","easing"],"mappings":"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"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n:host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\n\n display: contents;\n }\n\n .tooltip {\n --arrow-size: 6px;\n --arrow-color: hsl(240 3.7% 15.9%);\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: 0.25rem;\n background-color: hsl(240 3.7% 15.9%);\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1;\n color: hsl(0, 0%, 100%);\n padding: 0.25rem 0.5rem;\n pointer-events: none;\n word-break: break-
|
1
|
+
System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n:host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\n\n display: contents;\n }\n\n .tooltip {\n --arrow-size: 6px;\n --arrow-color: hsl(240 3.7% 15.9%);\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: 0.25rem;\n background-color: hsl(240 3.7% 15.9%);\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1;\n color: hsl(0, 0%, 100%);\n padding: 0.25rem 0.5rem;\n pointer-events: none;\n word-break: break-word;\n }\n"]))));}};});
|
2
2
|
//# sourceMappingURL=nile-tooltip.css.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-tooltip.css.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Tooltip CSS\n */\nexport const styles = css`\n\n:host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\n\n display: contents;\n }\n\n .tooltip {\n --arrow-size: 6px;\n --arrow-color: hsl(240 3.7% 15.9%);\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: 0.25rem;\n background-color: hsl(240 3.7% 15.9%);\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1;\n color: hsl(0, 0%, 100%);\n padding: 0.25rem 0.5rem;\n pointer-events: none;\n word-break: break-
|
1
|
+
{"version":3,"file":"nile-tooltip.css.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Tooltip CSS\n */\nexport const styles = css`\n\n:host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\n\n display: contents;\n }\n\n .tooltip {\n --arrow-size: 6px;\n --arrow-color: hsl(240 3.7% 15.9%);\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: 0.25rem;\n background-color: hsl(240 3.7% 15.9%);\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1;\n color: hsl(0, 0%, 100%);\n padding: 0.25rem 0.5rem;\n pointer-events: none;\n word-break: break-word;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{s as i}from"./nile-tooltip.css.esm.js";import"../nile-popup/nile-popup.esm.js";import{p as s,s as e,a as o}from"../internal/animate.esm.js";import{classMap as h}from"lit/directives/class-map.js";import{query as a,property as n,customElement as l}from"lit/decorators.js";import{s as r,g as p}from"../utilities/animation-registry.esm.js";import{html as d}from"lit";import{w as c}from"../internal/event.esm.js";import{w as m}from"../internal/watch.esm.js";import{N as u}from"../internal/nile-element.esm.js";import"../index-cd2f9c12.esm.js";import"../nile-popup/nile-popup.css.esm.js";let f=class extends u{constructor(){super(...arguments),this.content="",this.placement="top",this.disabled=!1,this.distance=8,this.open=!1,this.skidding=0,this.trigger="hover focus",this.hoist=!1}static get styles(){return[i]}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),this.updateComplete.then((()=>{this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)}))}firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("focus",this.handleFocus,!0),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut)}handleBlur(){this.hasTrigger("focus")&&this.hide()}handleClick(){this.hasTrigger("click")&&(this.open?this.hide():this.show())}handleFocus(){this.hasTrigger("focus")&&this.show()}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())}handleMouseOver(){if(this.hasTrigger("hover")){const t=s(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.show()),t)}}handleMouseOut(){if(this.hasTrigger("hover")){const t=s(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.hide()),t)}}hasTrigger(t){return this.trigger.split(" ").includes(t)}async handleOpenChange(){if(this.open){if(this.disabled)return;this.emit("nile-show"),await e(this.body),this.body.hidden=!1,this.popup.active=!0;const{keyframes:t,options:i}=p(this,"tooltip.show",{dir:""});await o(this.popup.popup,t,i),this.emit("nile-after-show")}else{this.emit("nile-hide"),await e(this.body);const{keyframes:t,options:i}=p(this,"tooltip.hide",{dir:""});await o(this.popup.popup,t,i),this.popup.active=!1,this.body.hidden=!0,this.emit("nile-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,c(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,c(this,"nile-after-hide")}render(){return d`
|
1
|
+
import{__decorate as t}from"tslib";import{s as i}from"./nile-tooltip.css.esm.js";import"../nile-popup/nile-popup.esm.js";import{p as s,s as e,a as o}from"../internal/animate.esm.js";import{classMap as h}from"lit/directives/class-map.js";import{query as a,property as n,customElement as l}from"lit/decorators.js";import{s as r,g as p}from"../utilities/animation-registry.esm.js";import{html as d}from"lit";import{w as c}from"../internal/event.esm.js";import{w as m}from"../internal/watch.esm.js";import{N as u}from"../internal/nile-element.esm.js";import"../index-cd2f9c12.esm.js";import"../nile-popup/nile-popup.css.esm.js";let f=class extends u{constructor(){super(...arguments),this.content="",this.placement="top",this.disabled=!1,this.distance=8,this.open=!1,this.skidding=0,this.trigger="hover focus",this.hoist=!1}static get styles(){return[i]}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),this.updateComplete.then((()=>{this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)}))}firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("focus",this.handleFocus,!0),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut)}handleBlur(){this.hasTrigger("focus")&&this.hide()}handleClick(){this.hasTrigger("click")&&(this.open?this.hide():this.show())}handleFocus(){this.hasTrigger("focus")&&this.show()}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())}handleMouseOver(){if(this.hasTrigger("hover")){const t=s(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.show()),t)}}handleMouseOut(){if(this.hasTrigger("hover")){const t=s(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.hide()),t)}}hasTrigger(t){return this.trigger.split(" ").includes(t)}async handleOpenChange(){if(this.open){if(this.disabled)return;this.emit("nile-show"),await e(this.body),this.body.hidden=!1,this.popup.active=!0;const{keyframes:t,options:i}=p(this,"tooltip.show",{dir:""});await o(this.popup.popup,t,i),this.emit("nile-after-show")}else{this.emit("nile-hide"),await e(this.body);const{keyframes:t,options:i}=p(this,"tooltip.hide",{dir:""});await o(this.popup.popup,t,i),this.popup.active=!1,this.body.hidden=!0,this.emit("nile-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open&&this.content?.trim().length)return this.open=!0,c(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,c(this,"nile-after-hide")}render(){return d`
|
2
2
|
<nile-popup
|
3
3
|
part="base"
|
4
4
|
exportparts="
|
@@ -27,4 +27,4 @@ import{__decorate as t}from"tslib";import{s as i}from"./nile-tooltip.css.esm.js"
|
|
27
27
|
${this.content}
|
28
28
|
</slot>
|
29
29
|
</nile-popup>
|
30
|
-
`}};t([a("slot:not([name])")],f.prototype,"defaultSlot",void 0),t([a(".tooltip__body")],f.prototype,"body",void 0),t([a("nile-popup")],f.prototype,"popup",void 0),t([n()],f.prototype,"content",void 0),t([n()],f.prototype,"placement",void 0),t([n({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),t([n({type:Number})],f.prototype,"distance",void 0),t([n({type:Boolean,reflect:!0})],f.prototype,"open",void 0),t([n({type:Number})],f.prototype,"skidding",void 0),t([n()],f.prototype,"trigger",void 0),t([n({type:Boolean})],f.prototype,"hoist",void 0),t([m("open",{waitUntilFirstUpdate:!0})],f.prototype,"handleOpenChange",null),t([m(["content","distance","hoist","placement","skidding"])],f.prototype,"handleOptionsChange",null),t([m("disabled")],f.prototype,"handleDisabledChange",null),f=t([l("nile-tooltip")],f),r("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}}),r("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}});export{f as N};
|
30
|
+
`}};t([a("slot:not([name])")],f.prototype,"defaultSlot",void 0),t([a(".tooltip__body")],f.prototype,"body",void 0),t([a("nile-popup")],f.prototype,"popup",void 0),t([n({type:String,reflect:!0})],f.prototype,"content",void 0),t([n()],f.prototype,"placement",void 0),t([n({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),t([n({type:Number})],f.prototype,"distance",void 0),t([n({type:Boolean,reflect:!0})],f.prototype,"open",void 0),t([n({type:Number})],f.prototype,"skidding",void 0),t([n()],f.prototype,"trigger",void 0),t([n({type:Boolean})],f.prototype,"hoist",void 0),t([m("open",{waitUntilFirstUpdate:!0})],f.prototype,"handleOpenChange",null),t([m(["content","distance","hoist","placement","skidding"])],f.prototype,"handleOptionsChange",null),t([m("disabled")],f.prototype,"handleDisabledChange",null),f=t([l("nile-tooltip")],f),r("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}}),r("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}});export{f as N};
|
package/dist/src/index.d.ts
CHANGED
@@ -39,4 +39,8 @@ export { NileErrorNotification } from './nile-error-notification';
|
|
39
39
|
export { NileTabGroup } from './nile-tab-group';
|
40
40
|
export { NileTab } from './nile-tab';
|
41
41
|
export { NileTabPanel } from './nile-tab-panel';
|
42
|
+
export { NileCodeEditor } from './nile-code-editor';
|
42
43
|
export { NileToast } from './nile-toast';
|
44
|
+
export { NileBreadcrumb } from './nile-breadcrumb';
|
45
|
+
export { NileBreadcrumbItem } from './nile-breadcrumb-item';
|
46
|
+
export { NileCard } from './nile-card';
|
package/dist/src/index.js
CHANGED
@@ -39,5 +39,9 @@ export { NileErrorNotification } from './nile-error-notification';
|
|
39
39
|
export { NileTabGroup } from './nile-tab-group';
|
40
40
|
export { NileTab } from './nile-tab';
|
41
41
|
export { NileTabPanel } from './nile-tab-panel';
|
42
|
+
export { NileCodeEditor } from './nile-code-editor';
|
42
43
|
export { NileToast } from './nile-toast';
|
44
|
+
export { NileBreadcrumb } from './nile-breadcrumb';
|
45
|
+
export { NileBreadcrumbItem } from './nile-breadcrumb-item';
|
46
|
+
export { NileCard } from './nile-card';
|
43
47
|
//# sourceMappingURL=index.js.map
|
package/dist/src/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileCard } from './nile-card';\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
export { NileBreadcrumb } from './nile-breadcrumb';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC","sourcesContent":["export {NileBreadcrumb} from './nile-breadcrumb';"]}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright Aquera Inc 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
/**
|
8
|
+
* Breadcrumb CSS
|
9
|
+
*/
|
10
|
+
export declare const styles: import("lit-element").CSSResult;
|
11
|
+
declare const _default: import("lit-element").CSSResult[];
|
12
|
+
export default _default;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright Aquera Inc 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
import { css } from 'lit-element';
|
8
|
+
/**
|
9
|
+
* Breadcrumb CSS
|
10
|
+
*/
|
11
|
+
export const styles = css `
|
12
|
+
:host {
|
13
|
+
display: flex;
|
14
|
+
align-items: center;
|
15
|
+
}
|
16
|
+
`;
|
17
|
+
export default [styles];
|
18
|
+
//# sourceMappingURL=nile-breadcrumb.css.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"nile-breadcrumb.css.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb/nile-breadcrumb.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;CAKxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Breadcrumb CSS\n */\nexport const styles = css`\n :host {\n display: flex;\n align-items: center;\n }\n`;\n\nexport default [styles];\n"]}
|
@@ -0,0 +1,35 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright Aquera Inc 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
import { CSSResultArray, TemplateResult } from 'lit-element';
|
8
|
+
import NileElement from '../internal/nile-element';
|
9
|
+
/**
|
10
|
+
* Nile BreadCrumb component.
|
11
|
+
*
|
12
|
+
* @tag nile-breadcrumb
|
13
|
+
*
|
14
|
+
*/
|
15
|
+
export declare class NileBreadcrumb extends NileElement {
|
16
|
+
/**
|
17
|
+
* The styles for Breadcrumb
|
18
|
+
* @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
|
19
|
+
*/
|
20
|
+
static get styles(): CSSResultArray;
|
21
|
+
/**
|
22
|
+
* Render method
|
23
|
+
* @slot This is a slot test
|
24
|
+
*/
|
25
|
+
connectedCallback(): void;
|
26
|
+
private changeLastItem;
|
27
|
+
private handleRemoveClick;
|
28
|
+
render(): TemplateResult;
|
29
|
+
}
|
30
|
+
export default NileBreadcrumb;
|
31
|
+
declare global {
|
32
|
+
interface HTMLElementTagNameMap {
|
33
|
+
'nile-breadcrumb': NileBreadcrumb;
|
34
|
+
}
|
35
|
+
}
|
@@ -0,0 +1,61 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright Aquera Inc 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
import { __decorate } from "tslib";
|
8
|
+
import { html, } from 'lit-element';
|
9
|
+
import { customElement } from 'lit/decorators.js';
|
10
|
+
import { styles } from './nile-breadcrumb.css';
|
11
|
+
import NileElement from '../internal/nile-element';
|
12
|
+
/**
|
13
|
+
* Nile BreadCrumb component.
|
14
|
+
*
|
15
|
+
* @tag nile-breadcrumb
|
16
|
+
*
|
17
|
+
*/
|
18
|
+
let NileBreadcrumb = class NileBreadcrumb extends NileElement {
|
19
|
+
/**
|
20
|
+
* The styles for Breadcrumb
|
21
|
+
* @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
|
22
|
+
*/
|
23
|
+
static get styles() {
|
24
|
+
return [styles];
|
25
|
+
}
|
26
|
+
/* #endregion */
|
27
|
+
/* #region Methods */
|
28
|
+
/**
|
29
|
+
* Render method
|
30
|
+
* @slot This is a slot test
|
31
|
+
*/
|
32
|
+
connectedCallback() {
|
33
|
+
super.connectedCallback();
|
34
|
+
this.updateComplete.then(() => {
|
35
|
+
this.changeLastItem();
|
36
|
+
});
|
37
|
+
}
|
38
|
+
changeLastItem() {
|
39
|
+
const items = [...this.querySelectorAll('nile-breadcrumb-item')];
|
40
|
+
const itemslength = items.length;
|
41
|
+
const lastItem = items[itemslength - 1];
|
42
|
+
lastItem.isLast = true;
|
43
|
+
}
|
44
|
+
handleRemoveClick(event) {
|
45
|
+
this.emit('nile-click', { value: event.target.innerText });
|
46
|
+
}
|
47
|
+
render() {
|
48
|
+
return html `
|
49
|
+
<slot
|
50
|
+
@nile-click-item=${this.handleRemoveClick}
|
51
|
+
class="breadcrumb"
|
52
|
+
></slot>
|
53
|
+
`;
|
54
|
+
}
|
55
|
+
};
|
56
|
+
NileBreadcrumb = __decorate([
|
57
|
+
customElement('nile-breadcrumb')
|
58
|
+
], NileBreadcrumb);
|
59
|
+
export { NileBreadcrumb };
|
60
|
+
export default NileBreadcrumb;
|
61
|
+
//# sourceMappingURL=nile-breadcrumb.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"nile-breadcrumb.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb/nile-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAIL,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD;;;;;GAKG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,WAAW;IAC7C;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACH,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YAC5B,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,cAAc;QACpB,MAAM,KAAK,GAAQ,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,CAAC;QACtE,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;QACjC,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QACxC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;IACzB,CAAC;IAEO,iBAAiB,CAAC,KAAU;QAClC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC;IAC7D,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;2BAEY,IAAI,CAAC,iBAAiB;;;KAG5C,CAAC;IACJ,CAAC;CAGF,CAAA;AA7CY,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CA6C1B;SA7CY,cAAc;AA+C3B,eAAe,cAAc,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-breadcrumb.css';\nimport NileElement from '../internal/nile-element';\n/**\n * Nile BreadCrumb component.\n *\n * @tag nile-breadcrumb\n *\n */\n@customElement('nile-breadcrumb')\nexport class NileBreadcrumb extends NileElement {\n /**\n * The styles for Breadcrumb\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n connectedCallback() {\n super.connectedCallback();\n this.updateComplete.then(() => {\n this.changeLastItem();\n });\n }\n\n private changeLastItem() {\n const items: any = [...this.querySelectorAll('nile-breadcrumb-item')];\n const itemslength = items.length;\n const lastItem = items[itemslength - 1];\n lastItem.isLast = true;\n }\n\n private handleRemoveClick(event: any) {\n this.emit('nile-click', { value: event.target.innerText });\n }\n\n public render(): TemplateResult {\n return html`\n <slot\n @nile-click-item=${this.handleRemoveClick}\n class=\"breadcrumb\"\n ></slot>\n `;\n }\n \n /* #endregion */\n}\n\nexport default NileBreadcrumb;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-breadcrumb': NileBreadcrumb;\n }\n}\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
export { NileBreadcrumbItem } from './nile-breadcrumb-item';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC","sourcesContent":["export {NileBreadcrumbItem} from './nile-breadcrumb-item';"]}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright Aquera Inc 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
/**
|
8
|
+
* Breadcrumb-item CSS
|
9
|
+
*/
|
10
|
+
export declare const styles: import("lit-element").CSSResult;
|
11
|
+
declare const _default: import("lit-element").CSSResult[];
|
12
|
+
export default _default;
|
@@ -0,0 +1,47 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright Aquera Inc 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
import { css } from 'lit-element';
|
8
|
+
/**
|
9
|
+
* Breadcrumb-item CSS
|
10
|
+
*/
|
11
|
+
export const styles = css `
|
12
|
+
:host {
|
13
|
+
display: flex;
|
14
|
+
align-items: center;
|
15
|
+
text-align: center;
|
16
|
+
font-feature-settings: 'clig' off, 'liga' off;
|
17
|
+
font-family: var(--nile-font-family-serif);
|
18
|
+
font-size: var(--nile-font-size-small);
|
19
|
+
font-style: normal;
|
20
|
+
font-weight: var(--nile-font-weight-regular);
|
21
|
+
line-height:16.8px;
|
22
|
+
letter-spacing: 0.2px;
|
23
|
+
}
|
24
|
+
|
25
|
+
.nile-breadcrumb-item__arrow {
|
26
|
+
margin: 0 8px;
|
27
|
+
}
|
28
|
+
|
29
|
+
.nile-breadcrumb-item__arrow-hidden {
|
30
|
+
display: none;
|
31
|
+
}
|
32
|
+
|
33
|
+
.nile-breadcrumb-item__slot-text {
|
34
|
+
color: var(--nile-colors-dark-500);
|
35
|
+
}
|
36
|
+
|
37
|
+
.nile-breadcrumb-item__slot-text:hover {
|
38
|
+
color: var(--nile-colors-primary-600);
|
39
|
+
cursor: pointer;
|
40
|
+
}
|
41
|
+
|
42
|
+
.nile-breadcrumb-item__last-slot-text {
|
43
|
+
color: #026e78;
|
44
|
+
}
|
45
|
+
`;
|
46
|
+
export default [styles];
|
47
|
+
//# sourceMappingURL=nile-breadcrumb-item.css.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"nile-breadcrumb-item.css.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Breadcrumb-item CSS\n */\nexport const styles = css`\n :host {\n display: flex;\n align-items: center;\n text-align: center;\n font-feature-settings: 'clig' off, 'liga' off;\n font-family: var(--nile-font-family-serif);\n font-size: var(--nile-font-size-small);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height:16.8px;\n letter-spacing: 0.2px;\n }\n\n .nile-breadcrumb-item__arrow {\n margin: 0 8px;\n }\n\n .nile-breadcrumb-item__arrow-hidden {\n display: none;\n }\n\n .nile-breadcrumb-item__slot-text {\n color: var(--nile-colors-dark-500);\n }\n\n .nile-breadcrumb-item__slot-text:hover {\n color: var(--nile-colors-primary-600);\n cursor: pointer;\n }\n\n .nile-breadcrumb-item__last-slot-text {\n color: #026e78;\n }\n`;\n\nexport default [styles];\n"]}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright Aquera Inc 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
import { CSSResultArray, TemplateResult } from 'lit-element';
|
8
|
+
import NileElement from '../internal/nile-element';
|
9
|
+
/**
|
10
|
+
* Nile BreadCrumb Item component.
|
11
|
+
*
|
12
|
+
* @tag nile-breadcrumb-item
|
13
|
+
*
|
14
|
+
*/
|
15
|
+
export declare class NileBreadcrumbItem extends NileElement {
|
16
|
+
/**
|
17
|
+
* The styles for BreadcrumbItem
|
18
|
+
* @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
|
19
|
+
*/
|
20
|
+
static get styles(): CSSResultArray;
|
21
|
+
private isLast;
|
22
|
+
/**
|
23
|
+
* Render method
|
24
|
+
* @slot This is a slot test
|
25
|
+
*/
|
26
|
+
private handleClick;
|
27
|
+
render(): TemplateResult;
|
28
|
+
}
|
29
|
+
export default NileBreadcrumbItem;
|
30
|
+
declare global {
|
31
|
+
interface HTMLElementTagNameMap {
|
32
|
+
'nile-breadcrumb-item': NileBreadcrumbItem;
|
33
|
+
}
|
34
|
+
}
|
@@ -0,0 +1,74 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright Aquera Inc 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
import { __decorate } from "tslib";
|
8
|
+
import { html, } from 'lit-element';
|
9
|
+
import { customElement, state } from 'lit/decorators.js';
|
10
|
+
import { classMap } from 'lit/directives/class-map.js';
|
11
|
+
import { styles } from './nile-breadcrumb-item.css';
|
12
|
+
import NileElement from '../internal/nile-element';
|
13
|
+
/**
|
14
|
+
* Nile BreadCrumb Item component.
|
15
|
+
*
|
16
|
+
* @tag nile-breadcrumb-item
|
17
|
+
*
|
18
|
+
*/
|
19
|
+
let NileBreadcrumbItem = class NileBreadcrumbItem extends NileElement {
|
20
|
+
constructor() {
|
21
|
+
super(...arguments);
|
22
|
+
this.isLast = false;
|
23
|
+
/* #endregion */
|
24
|
+
}
|
25
|
+
/**
|
26
|
+
* The styles for BreadcrumbItem
|
27
|
+
* @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
|
28
|
+
*/
|
29
|
+
static get styles() {
|
30
|
+
return [styles];
|
31
|
+
}
|
32
|
+
/* #endregion */
|
33
|
+
/* #region Methods */
|
34
|
+
/**
|
35
|
+
* Render method
|
36
|
+
* @slot This is a slot test
|
37
|
+
*/
|
38
|
+
handleClick() {
|
39
|
+
if (this.isLast) {
|
40
|
+
return;
|
41
|
+
}
|
42
|
+
this.emit('nile-click-item');
|
43
|
+
}
|
44
|
+
render() {
|
45
|
+
return html `
|
46
|
+
<slot
|
47
|
+
class=${classMap({
|
48
|
+
'nile-breadcrumb-item__slot-text': !this.isLast,
|
49
|
+
'nile-breadcrumb-item__last-slot-text': this.isLast,
|
50
|
+
})}
|
51
|
+
@click=${this.handleClick}
|
52
|
+
></slot>
|
53
|
+
<nile-icon
|
54
|
+
name="arrowright"
|
55
|
+
aria-label="arrowright"
|
56
|
+
color="var(--nile-colors-dark-500)"
|
57
|
+
class=${classMap({
|
58
|
+
'nile-breadcrumb-item__arrow': true,
|
59
|
+
'nile-breadcrumb-item__arrow-hidden': this.isLast,
|
60
|
+
})}
|
61
|
+
size="14"
|
62
|
+
></nile-icon>
|
63
|
+
`;
|
64
|
+
}
|
65
|
+
};
|
66
|
+
__decorate([
|
67
|
+
state()
|
68
|
+
], NileBreadcrumbItem.prototype, "isLast", void 0);
|
69
|
+
NileBreadcrumbItem = __decorate([
|
70
|
+
customElement('nile-breadcrumb-item')
|
71
|
+
], NileBreadcrumbItem);
|
72
|
+
export { NileBreadcrumbItem };
|
73
|
+
export default NileBreadcrumbItem;
|
74
|
+
//# sourceMappingURL=nile-breadcrumb-item.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"nile-breadcrumb-item.js","sourceRoot":"","sources":["../../../src/nile-breadcrumb-item/nile-breadcrumb-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAIL,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD;;;;;GAKG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,WAAW;IAA5C;;QASY,WAAM,GAAG,KAAK,CAAC;QAuChC,gBAAgB;IAClB,CAAC;IAhDC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAID,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACK,WAAW;QACjB,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO;SACR;QACD,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC/B,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,iCAAiC,EAAE,CAAC,IAAI,CAAC,MAAM;YAC/C,sCAAsC,EAAE,IAAI,CAAC,MAAM;SACpD,CAAC;iBACO,IAAI,CAAC,WAAW;;;;;;gBAMjB,QAAQ,CAAC;YACf,6BAA6B,EAAE,IAAI;YACnC,oCAAoC,EAAE,IAAI,CAAC,MAAM;SAClD,CAAC;;;KAGL,CAAC;IACJ,CAAC;CAGF,CAAA;AAxCU;IAAR,KAAK,EAAE;kDAAwB;AATrB,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAiD9B;SAjDY,kBAAkB;AAmD/B,eAAe,kBAAkB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-breadcrumb-item.css';\nimport NileElement from '../internal/nile-element';\n/**\n * Nile BreadCrumb Item component.\n *\n * @tag nile-breadcrumb-item\n *\n */\n@customElement('nile-breadcrumb-item')\nexport class NileBreadcrumbItem extends NileElement {\n /**\n * The styles for BreadcrumbItem\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @state() private isLast = false;\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n private handleClick() {\n if (this.isLast) {\n return;\n }\n this.emit('nile-click-item');\n }\n\n public render(): TemplateResult {\n return html`\n <slot\n class=${classMap({\n 'nile-breadcrumb-item__slot-text': !this.isLast,\n 'nile-breadcrumb-item__last-slot-text': this.isLast,\n })}\n @click=${this.handleClick}\n ></slot>\n <nile-icon\n name=\"arrowright\"\n aria-label=\"arrowright\"\n color=\"var(--nile-colors-dark-500)\"\n class=${classMap({\n 'nile-breadcrumb-item__arrow': true,\n 'nile-breadcrumb-item__arrow-hidden': this.isLast,\n })}\n size=\"14\"\n ></nile-icon>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileBreadcrumbItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-breadcrumb-item': NileBreadcrumbItem;\n }\n}\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
export { NileCard } from './nile-card';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { NileCard } from './nile-card';\n"]}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright Aquera Inc 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
/**
|
8
|
+
* Card CSS
|
9
|
+
*/
|
10
|
+
export declare const styles: import("lit-element").CSSResult;
|
11
|
+
declare const _default: import("lit-element").CSSResult[];
|
12
|
+
export default _default;
|