{"version":3,"file":"pds-custom-element.chunk-Bw3Q0-bK.js","sources":["../../../../../node_modules/@lit/reactive-element/decorators/custom-element.js","../../../../../packages/web-components/src/lib/decorators/pds-custom-element.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=t=>(e,o)=>{void 0!==o?o.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)};export{t as customElement};\n//# sourceMappingURL=custom-element.js.map\n","import { isServer, unsafeCSS } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport type {\n  ComponentCategory,\n  ComponentType,\n  ComponentState,\n  PdsElement,\n} from '../components/PdsElement';\n\nexport interface PdsCustomElementOptions {\n  category: ComponentCategory;\n  type: ComponentType;\n  state?: ComponentState;\n  styles: {\n    [className: string]: string;\n  };\n}\n\nconst betaTagNames = new Set<string>();\nlet hadLoggedWarning = false;\n\nexport const resetHadLoggedWarning = () => {\n  hadLoggedWarning = false;\n};\nexport const resetBetaTagNames = () => {\n  betaTagNames.clear();\n};\n\nexport function checkComponentState(tagName: string, state: string) {\n  if (state === 'beta') {\n    // Do not warn on Jest tests (jsdom)\n    if (\n      typeof window !== 'undefined' &&\n      window.navigator &&\n      window.navigator.userAgent &&\n      window.navigator.userAgent.includes('jsdom')\n    ) {\n      // do nothing for JSDOM\n    } else {\n      betaTagNames.add(tagName);\n      if (!hadLoggedWarning) {\n        setTimeout(() => {\n          if (betaTagNames.size === 1) {\n            console.warn(\n              `${betaTagNames.values().next().value} is a PDS beta component and may introduce breaking changes into your environment until it becomes stable.`,\n            );\n          } else if (betaTagNames.size > 1) {\n            console.warn(\n              `${Array.from(betaTagNames).join(', ')} - this is a set of PDS beta components and may introduce breaking changes into your environment until they become stable.`,\n            );\n          }\n        }, 0);\n        hadLoggedWarning = true;\n      }\n    }\n  }\n\n  if (state === 'deprecated') {\n    // Do not warn on Jest tests (jsdom)\n    if (\n      typeof window !== 'undefined' &&\n      window.navigator &&\n      window.navigator.userAgent &&\n      window.navigator.userAgent.includes('jsdom')\n    ) {\n      // do nothing for JSDOM\n    } else {\n      console.warn(\n        `${tagName} is a deprecated component and will be removed in the next major version of PDS.`,\n      );\n    }\n  }\n}\n\n/**\n * The `pdsCustomElement` decorator is a wrapper around Lit's `customElement` decorator.\n * It additionally sets the `componentName` (by removing `pds-` from the `tagName`),\n * the `componentCategory`, `componentType`, and `styles` which are used\n * for determining the BEM-based class names on the component and for styling\n * the component.\n *\n * @param tagName\n *   The tagName of the custom element.\n *   The tagName should prefixed with `pds-`.\n * @param options.category\n *   'component' | 'layout'\n *   The category is used to determine the class prefix of 'c' or 'l'.\n * @param options.type\n *   'component' | 'recipe'\n *   The type is used to determine if the class name should be prefixed with 'pds-' or not.\n * @param options.state\n *   'stable' | 'deprecated' | 'beta'\n *   The state of the component, defaults to beta\n * @param options.styles\n *   The imported SCSS styles for the component.\n */\n\nexport function pdsCustomElement(\n  tagName: string,\n  { category, type, state = 'beta', styles }: PdsCustomElementOptions,\n) {\n  return function pdsElementDecorator(constructor: typeof PdsElement) {\n    const processedStyles = unsafeCSS(styles);\n    /* eslint-disable no-param-reassign */\n    constructor.prototype.componentName = tagName.replace(/^pds-/, '');\n    constructor.prototype.componentCategory = category;\n    constructor.prototype.componentType = type;\n    constructor.prototype.componentState = state;\n    checkComponentState(tagName, constructor.prototype.componentState);\n    // this decorator seems to have a race condition with lit\n    // when it creates the elementStyles from styles,\n    // so we need to manually set both\n    constructor.styles = processedStyles;\n    constructor.elementStyles = (constructor as any).finalizeStyles(\n      processedStyles,\n    );\n\n    if (isServer) {\n      customElement(tagName)(constructor);\n    } else if (customElements.get(tagName) === undefined) {\n      customElement(tagName)(constructor);\n    }\n  };\n}\n"],"names":["t","e","o","betaTagNames","hadLoggedWarning","checkComponentState","tagName","state","pdsCustomElement","category","type","styles","constructor","processedStyles","unsafeCSS","customElement"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAKK,MAACA,IAAE,CAAAA,MAAG,CAACC,GAAEC,MAAI;EAAUA,eAAEA,EAAE,eAAgB,MAAI;AAAC,mBAAe,OAAOF,GAAEC,CAAC;AAAA,EAAC,CAAG,IAAC,eAAe,OAAOD,GAAEC,CAAC;AAAC,GCavGE,wBAAmB,IAAY;AACrC,IAAIC,IAAmB;AASP,SAAAC,EAAoBC,GAAiBC,GAAe;AAClE,EAAIA,MAAU,WAGV,OAAO,SAAW,OAClB,OAAO,aACP,OAAO,UAAU,aACjB,OAAO,UAAU,UAAU,SAAS,OAAO,MAI3CJ,EAAa,IAAIG,CAAO,GACnBF,MACH,WAAW,MAAM;AACX,IAAAD,EAAa,SAAS,IAChB,QAAA;AAAA,MACN,GAAGA,EAAa,OAAA,EAAS,OAAO,KAAK;AAAA,IACvC,IACSA,EAAa,OAAO,KACrB,QAAA;AAAA,MACN,GAAG,MAAM,KAAKA,CAAY,EAAE,KAAK,IAAI,CAAC;AAAA,IACxC;AAAA,KAED,CAAC,GACeC,IAAA,OAKrBG,MAAU,iBAGV,OAAO,SAAW,OAClB,OAAO,aACP,OAAO,UAAU,aACjB,OAAO,UAAU,UAAU,SAAS,OAAO,KAInC,QAAA;AAAA,IACN,GAAGD,CAAO;AAAA,EACZ;AAGN;AAyBgB,SAAAE,EACdF,GACA,EAAE,UAAAG,GAAU,MAAAC,GAAM,OAAAH,IAAQ,QAAQ,QAAAI,KAClC;AACO,SAAA,SAA6BC,GAAgC;AAC5D,UAAAC,IAAkBC,EAAUH,CAAM;AAExC,IAAAC,EAAY,UAAU,gBAAgBN,EAAQ,QAAQ,SAAS,EAAE,GACjEM,EAAY,UAAU,oBAAoBH,GAC1CG,EAAY,UAAU,gBAAgBF,GACtCE,EAAY,UAAU,iBAAiBL,GACnBF,EAAAC,GAASM,EAAY,UAAU,cAAc,GAIjEA,EAAY,SAASC,GACrBD,EAAY,gBAAiBA,EAAoB;AAAA,MAC/CC;AAAA,IACF,GAIW,eAAe,IAAIP,CAAO,MAAM,UAC3BS,EAAAT,CAAO,EAAEM,CAAW;AAAA,EAEtC;AACF;","x_google_ignoreList":[0]}