@peculiar/certificates-viewer 4.0.1 → 4.1.0

package/dist/peculiar/p-bd485115.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ActionsIcon","props","_a","color","h","xmlns","width","height","fill","concat","d","buttonMenuCss","ButtonMenu","exports","this","handleClick","_this","open","class_1","prototype","render","Host","class","is_shown","Button","onClick","startIcon","role","tabIndex","String","groups","map","group","Typography","variant","title","options","option","href","event","stopPropagation","text","circularProgressCss","CircularProgress","box","class_2","style","size","viewBox","cx","cy","r","strokeWidth","highlightWordsCss","HighlightWords","tag","class_3","componentDidLoad","handleHighlightSearch","componentDidUpdate","basicString","resetHighlightSearch","host","innerHTML","result","search","substring","RegExp","replace","source"],"sources":["src/components/icons/actions.tsx","src/components/button-menu/button-menu.scss?tag=peculiar-button-menu&encapsulation=scoped","src/components/button-menu/button-menu.tsx","src/components/circular-progress/circular-progress.scss?tag=peculiar-circular-progress&encapsulation=shadow","src/components/circular-progress/circular-progress.tsx","src/components/highlight-words/highlight-words.scss?tag=peculiar-highlight-words&encapsulation=shadow","src/components/highlight-words/highlight-words.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { ColorType } from '../../interface';\n\nexport const ActionsIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"31\"\n      fill=\"none\"\n    >\n      <path\n        fill={`var(--pv-color-${color})`}\n        d=\"M15 13.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm14 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z\"\n      />\n    </svg>\n  );\n};\n",":host {\n  display: inline-flex;\n  position: relative;\n\n  &.is_shown {\n    .button_popover {\n      &:before {\n        position: fixed;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        content: '';\n      }\n    }\n\n    .popover {\n      display: block;\n    }\n  }\n}\n\n.popover {\n  min-width: 200px;\n  position: absolute;\n  top: 100%;\n  right: 0;\n  border-radius: 4px;\n  z-index: 1;\n  box-shadow: var(--pv-shadow-light-medium);\n  background: var(--pv-color-white);\n  padding: var(--pv-size-base-2) 0;\n  margin: var(--pv-size-base) 0;\n  display: none;\n}\n\n.button_option {\n  width: 100%;\n  justify-content: flex-start;\n  border-radius: 0;\n}\n\n.group {\n  &:not(:last-child) {\n    border-bottom: 1px solid var(--pv-color-gray-5);\n    padding-bottom: var(--pv-size-base-2);\n    margin-bottom: var(--pv-size-base);\n  }\n}\n\n.group_title {\n  line-height: var(--pv-size-base-6);\n  padding: 0 var(--pv-size-base-2);\n}\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  h,\n  State,\n  Prop,\n  Host,\n} from '@stencil/core';\nimport { Button, ButtonProps } from '../button';\nimport { Typography } from '../typography';\nimport { ActionsIcon } from '../icons';\n\nexport interface ButtonMenuGroupOptions extends ButtonProps {\n  text: string | string[];\n}\n\nexport interface ButtonMenuGroup {\n  title: string | string[];\n  options: ButtonMenuGroupOptions[];\n}\n\n@Component({\n  tag: 'peculiar-button-menu',\n  styleUrl: 'button-menu.scss',\n  scoped: true,\n})\nexport class ButtonMenu {\n  @Prop() groups: ButtonMenuGroup[] = [];\n\n  @State() open: boolean = false;\n\n  handleClick = () => {\n    this.open = !this.open;\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          is_shown: this.open,\n        }}\n      >\n        <Button\n          class=\"button_popover\"\n          onClick={this.handleClick}\n          startIcon={<ActionsIcon />}\n        />\n        <div\n          role=\"dialog\"\n          tabIndex={-1}\n          class=\"popover\"\n          aria-hidden={String(this.open)}\n        >\n          {this.groups.map((group) => (\n            <div class=\"group\">\n              <Typography\n                variant=\"c2\"\n                color=\"gray-9\"\n                class=\"group_title\"\n              >\n                {group.title}\n              </Typography>\n              {group.options.map((option) => (\n                <Button\n                  class=\"button_option\"\n                  startIcon={option.startIcon}\n                  href={option.href}\n                  onClick={(event) => {\n                    event.stopPropagation();\n\n                    this.handleClick();\n\n                    if (option.onClick) {\n                      option.onClick(event);\n                    }\n                  }}\n                >\n                  {option.text}\n                </Button>\n              ))}\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n  width: 100%;\n}\n\n@keyframes circular-rotate {\n  to {\n    transform: rotate(1turn);\n  }\n}\n\n@keyframes circular-dash {\n  0% {\n    stroke-dasharray: 1,200;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 100,200;\n    stroke-dashoffset: -15;\n  }\n\n  to {\n    stroke-dasharray: 100,200;\n    stroke-dashoffset: -120;\n  }\n}\n\n.circle_progress {\n  margin: 0 auto;\n}\n\n.circle_progress_svg {\n  animation: circular-rotate 1.4s linear infinite;\n}\n\n.circle_progress_circle {\n  stroke-linecap: round;\n  animation: circular-dash 1.4s ease-in-out infinite;\n  stroke-dasharray: 80,200;\n  stroke-dashoffset: 0;\n  stroke: var(--pv-color-secondary);\n}\n\n.circle_progress_backdrop {\n  stroke: var(--pv-color-gray-3);\n}\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'peculiar-circular-progress',\n  styleUrl: 'circular-progress.scss',\n  shadow: true,\n})\nexport class CircularProgress {\n  /**\n   * Width/height of progress circle.\n   */\n  @Prop() size: number = 24;\n\n  /**\n   * Stroke width of progress bar circle.\n   */\n  @Prop() width: number = 4;\n\n  private box: number = 50;\n\n  render() {\n    return (\n      <Host>\n        <div\n          class=\"circle_progress\"\n          style={{\n            width: `${this.size}px`,\n            height: `${this.size}px`,\n          }}\n        >\n          <svg\n            class=\"circle_progress_svg\"\n            viewBox={`0 0 ${this.box} ${this.box}`}\n          >\n            <circle\n              class=\"circle_progress_backdrop\"\n              cx={this.box / 2}\n              cy={this.box / 2}\n              r={(this.box / 2) - 5}\n              fill=\"none\"\n              style={{\n                strokeWidth: `${this.width}px`,\n              }}\n            />\n            <circle\n              class=\"circle_progress_circle\"\n              cx={this.box / 2}\n              cy={this.box / 2}\n              r={(this.box / 2) - 5}\n              fill=\"none\"\n              style={{\n                strokeWidth: `${this.width}px`,\n              }}\n            />\n          </svg>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: inline;\n}\n\n::slotted(mark) {\n  background-color: var(--pv-color-attention-tint-4);\n}\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component, Host, h, Element, Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'peculiar-highlight-words',\n  styleUrl: 'highlight-words.scss',\n  shadow: true,\n})\nexport class HighlightWords {\n  @Element() host: HTMLElement;\n\n  @Prop() search: string;\n\n  private tag: string = 'mark';\n\n  componentDidLoad() {\n    this.handleHighlightSearch();\n  }\n\n  componentDidUpdate() {\n    this.handleHighlightSearch();\n  }\n\n  handleHighlightSearch() {\n    const basicString = this.resetHighlightSearch(this.host.innerHTML);\n    let result = basicString;\n\n    if (this.search) {\n      const substring = new RegExp(`(${this.search})`, 'gi');\n\n      result = basicString.replace(substring, `<${this.tag}>$1</${this.tag}>`);\n    }\n\n    this.host.innerHTML = result;\n  }\n\n  resetHighlightSearch(source: string) {\n    // eslint-disable-next-line no-useless-escape\n    const substring = new RegExp(`<\\/?${this.tag}>`, 'g');\n\n    return source.replace(substring, '');\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}