npm - @carbon/ibmdotcom-web-components - Versions diffs - 1.30.0-rc.2 → 1.30.0-rc.3 - Mend

@carbon/ibmdotcom-web-components 1.30.0-rc.2 → 1.30.0-rc.3

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.

Files changed (1645) hide show

package/es/components/footer/locale-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"locale-button.js","names":["_litElement","require","_","_interopRequireDefault","_focus","_ifNonNull","_settings","_settings2","_footer","_stableSelector","_footerCss","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSLocaleButton","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","key","value","FOOTER_SIZE","REGULAR","reflect","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","buttonLabel","html","_taggedTemplateLiteral2","ifNonNull","EarthFilled16","stableSelector","styles","StableSelectorMixin","FocusMixin","LitElement","_default","exports"],"sources":["components/footer/locale-button.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, ~~customElement,~~ LitElement } from 'lit-element';\nimport EarthFilled16 from '../../internal/vendor/@carbon/web-components/icons/earth--filled/16.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { FOOTER_SIZE } from './footer';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale button.\n \n @element dds-locale-button\n /\n@customElement(`${ddsPrefix}-locale-button`)\nclass DDSLocaleButton extends StableSelectorMixin(FocusMixin(LitElement)) {\n /\n Button label for accessibility.\n /\n @property()\n buttonLabel = 'Select geographic area';\n\n /\n Size property to apply different styles.\n /\n @property()\n size = FOOTER_SIZE.REGULAR;\n\n /\n The shadow slot this locale button should be in.\n */\n @property({ reflect: true })\n slot = 'locale-button';\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const { buttonLabel } = this;\n return html`\n <button\n id=\"button\"\n class=\"${prefix}--btn ${prefix}--btn--tertiary ${prefix}--locale-btn\"\n aria-label=\"${ifNonNull(buttonLabel)}\">\n <slot></slot>\n ${EarthFilled16()}\n </button>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--locale-btn`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleButton;\n"],"mappings":";;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,CAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,UAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,UAAA,GAAAP,sBAAA,CAAAF,OAAA;~~AAAmC~~,IAAAU,eAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;~~AAEnC~~,IAAQC,MAAM,GAAKC,oBAAQ,CAAnBD,MAAM;AACd,IAAsBE,SAAS,GAAKC,qBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,eAAe,OAAAC,UAAA,cADpB,IAAAC,~~yBAAa~~,KAAAC,MAAA,CAAIN,SAAS,oBAAiB,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IACtCL,eAAe,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,eAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAnC,YAAA,CAAA2B,eAAA;IAAA,SAAAA,gBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,eAAA;MAAA,SAAAW,IAAA,GAAA1B,SAAA,CAAA2B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA9B,SAAA,CAAA8B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAf,IAAA,CAAAP,KAAA,CAAAsB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,eAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAflB,eAAe;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlB,IAAAC,oBAAQ,GAAE;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACG,wBAAwB;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKrC,IAAAC,oBAAQ,GAAE;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACJC,mBAAW,CAACC,OAAO;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKzB,IAAAC,oBAAQ,EAAC;QAAEK,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAJ,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB,eAAe;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAhBtB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAI,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAAT,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAa,OAAA,EAAS;QACP,IAAQC,WAAW,GAAK,IAAI,CAApBA,WAAW;QACnB,WAAOC,gBAAI,EAAAnE,eAAA,KAAAA,eAAA,OAAAoE,uBAAA,uNAGE7C,MAAM,EAASA,MAAM,EAAmBA,MAAM,EACzC,IAAA8C,qBAAS,EAACH,WAAW,CAAC,EAElC,IAAAI,YAAa,GAAE;MAGvB;IAAC;MAAAtB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAmB,eAAA,EAA4B;QAC1B,UAAAxC,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeoB,qBAAM;MAAA;IAAA;EAAA;AAAA,GA7CM,IAAAC,0BAAmB,EAAC,IAAAC,iBAAU,EAACC,sBAAU,CAAC,CAAC;AAAA,IAAAC,QAAA,GAgD1DhD,eAAe;AAAAiD,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"locale-button.js","names":["_litElement","require","_","_interopRequireDefault","_focus","_ifNonNull","_settings","_settings2","_footer","_stableSelector","_footerCss","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSLocaleButton","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","key","value","FOOTER_SIZE","REGULAR","reflect","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","buttonLabel","html","_taggedTemplateLiteral2","ifNonNull","EarthFilled16","stableSelector","styles","StableSelectorMixin","FocusMixin","LitElement","_default","exports"],"sources":["components/footer/locale-button.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, LitElement } from 'lit-element';\nimport EarthFilled16 from '../../internal/vendor/@carbon/web-components/icons/earth--filled/16.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { FOOTER_SIZE } from './footer';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './footer.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale button.\n \n @element dds-locale-button\n /\n@customElement(`${ddsPrefix}-locale-button`)\nclass DDSLocaleButton extends StableSelectorMixin(FocusMixin(LitElement)) {\n /\n Button label for accessibility.\n /\n @property()\n buttonLabel = 'Select geographic area';\n\n /\n Size property to apply different styles.\n /\n @property()\n size = FOOTER_SIZE.REGULAR;\n\n /\n The shadow slot this locale button should be in.\n */\n @property({ reflect: true })\n slot = 'locale-button';\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const { buttonLabel } = this;\n return html`\n <button\n id=\"button\"\n class=\"${prefix}--btn ${prefix}--btn--tertiary ${prefix}--locale-btn\"\n aria-label=\"${ifNonNull(buttonLabel)}\">\n <slot></slot>\n ${EarthFilled16()}\n </button>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--locale-btn`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleButton;\n"],"mappings":"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"}

package/es/components/horizontal-rule/horizontal-rule.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2022
+ * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -196,7 +196,7 @@ declare const DDSHorizontalRule_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;

package/es/components/horizontal-rule/horizontal-rule.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/horizontal-rule/horizontal-rule.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,~~EAA2B~~,UAAU,EAAE,MAAM,aAAa,CAAC;~~AAGlE~~,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;~~AAGlE~~,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIpD;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,sBAA+B;IAC7D;;OAEG;IAEH,IAAI,UAAiB;IAErB;;;OAGG;IAEH,IAAI,UAAiB;IAErB;;;OAGG;IAEH,QAAQ,cAA+B;IAEvC;;;OAGG;IAEH,MAAM,YAAkB;IAExB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,iBAAiB,CAAC","file":"horizontal-rule.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, ~~2022~~\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property, ~~customElement,~~ LitElement } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { HR_TYPE, HR_SIZE, HR_CONTRAST, HR_WEIGHT } from './defs';\nimport styles from './horizontal-rule.scss';\n\nexport { HR_TYPE, HR_SIZE, HR_CONTRAST, HR_WEIGHT };\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Horizontal Rule\n \n @element dds-hr\n /\n@customElement(`${ddsPrefix}-hr`)\nclass DDSHorizontalRule extends StableSelectorMixin(LitElement) {\n /\n Style of the HR (solid (default) \| dashed)\n /\n @property({ attribute: 'type', reflect: true })\n type = HR_TYPE.SOLID;\n\n /\n Length of the HR\n * (fluid (default) \| small \| medium \| large)\n /\n @property({ attribute: 'size', reflect: true })\n size = HR_SIZE.FLUID;\n\n /\n Contrast of the HR\n * (medium-contrast (default) \| low-contrast \| high-contrast)\n /\n @property({ attribute: 'contrast', reflect: true })\n contrast = HR_CONTRAST.MEDIUM_CONTRAST;\n\n /\n Weight of the HR\n * (thin (default) \| thick)\n /\n @property({ attribute: 'weight', reflect: true })\n weight = HR_WEIGHT.THIN;\n\n static get stableSelector() {\n return `${ddsPrefix}--hr`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSHorizontalRule;\n"]}
1	+ {"version":3,"sources":["components/horizontal-rule/horizontal-rule.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAY,UAAU,EAAE,MAAM,aAAa,CAAC;AAGnD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAIlE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIpD;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,sBAA+B;IAC7D;;OAEG;IAEH,IAAI,UAAiB;IAErB;;;OAGG;IAEH,IAAI,UAAiB;IAErB;;;OAGG;IAEH,QAAQ,cAA+B;IAEvC;;;OAGG;IAEH,MAAM,YAAkB;IAExB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,iBAAiB,CAAC","file":"horizontal-rule.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property, LitElement } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { HR_TYPE, HR_SIZE, HR_CONTRAST, HR_WEIGHT } from './defs';\nimport styles from './horizontal-rule.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nexport { HR_TYPE, HR_SIZE, HR_CONTRAST, HR_WEIGHT };\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Horizontal Rule\n \n @element dds-hr\n /\n@customElement(`${ddsPrefix}-hr`)\nclass DDSHorizontalRule extends StableSelectorMixin(LitElement) {\n /\n Style of the HR (solid (default) \| dashed)\n /\n @property({ attribute: 'type', reflect: true })\n type = HR_TYPE.SOLID;\n\n /\n Length of the HR\n * (fluid (default) \| small \| medium \| large)\n /\n @property({ attribute: 'size', reflect: true })\n size = HR_SIZE.FLUID;\n\n /\n Contrast of the HR\n * (medium-contrast (default) \| low-contrast \| high-contrast)\n /\n @property({ attribute: 'contrast', reflect: true })\n contrast = HR_CONTRAST.MEDIUM_CONTRAST;\n\n /\n Weight of the HR\n * (thin (default) \| thick)\n /\n @property({ attribute: 'weight', reflect: true })\n weight = HR_WEIGHT.THIN;\n\n static get stableSelector() {\n return `${ddsPrefix}--hr`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSHorizontalRule;\n"]}

package/es/components/horizontal-rule/horizontal-rule.js CHANGED Viewed

@@ -41,6 +41,7 @@ var _settings = _interopRequireDefault(require("@carbon/ibmdotcom-utilities/es/u
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
 var _defs = require("./defs.js");
 var _horizontalRuleCss = _interopRequireDefault(require("././horizontal-rule.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var ddsPrefix = _settings["default"].stablePrefix;
@@ -50,7 +51,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-hr
  */
-var DDSHorizontalRule = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-hr"))], function (_initialize, _StableSelectorMixin) {
+var DDSHorizontalRule = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-hr"))], function (_initialize, _StableSelectorMixin) {
   var DDSHorizontalRule = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSHorizontalRule, _StableSelectorMixin2);
     var _super = _createSuper(DDSHorizontalRule);

package/es/components/horizontal-rule/horizontal-rule.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"horizontal-rule.js","names":["_litElement","require","_settings","_interopRequireDefault","_stableSelector","_defs","_horizontalRuleCss","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSHorizontalRule","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","attribute","reflect","key","value","HR_TYPE","SOLID","HR_SIZE","FLUID","HR_CONTRAST","MEDIUM_CONTRAST","HR_WEIGHT","THIN","stableSelector","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/horizontal-rule/horizontal-rule.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, ~~2022~~\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property, ~~customElement,~~ LitElement } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { HR_TYPE, HR_SIZE, HR_CONTRAST, HR_WEIGHT } from './defs';\nimport styles from './horizontal-rule.scss';\n\nexport { HR_TYPE, HR_SIZE, HR_CONTRAST, HR_WEIGHT };\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Horizontal Rule\n \n @element dds-hr\n /\n@customElement(`${ddsPrefix}-hr`)\nclass DDSHorizontalRule extends StableSelectorMixin(LitElement) {\n /\n Style of the HR (solid (default) \| dashed)\n /\n @property({ attribute: 'type', reflect: true })\n type = HR_TYPE.SOLID;\n\n /\n Length of the HR\n * (fluid (default) \| small \| medium \| large)\n /\n @property({ attribute: 'size', reflect: true })\n size = HR_SIZE.FLUID;\n\n /\n Contrast of the HR\n * (medium-contrast (default) \| low-contrast \| high-contrast)\n /\n @property({ attribute: 'contrast', reflect: true })\n contrast = HR_CONTRAST.MEDIUM_CONTRAST;\n\n /\n Weight of the HR\n * (thin (default) \| thick)\n /\n @property({ attribute: 'weight', reflect: true })\n weight = HR_WEIGHT.THIN;\n\n static get stableSelector() {\n return `${ddsPrefix}--hr`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSHorizontalRule;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAH,sBAAA,CAAAF,OAAA;~~AAA4C~~,~~SAAAM~~,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;~~AAI5C~~,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,OAAAC,UAAA,cADtB,IAAAC,~~yBAAa~~,KAAAC,MAAA,CAAIN,SAAS,SAAM,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IAC3BL,iBAAiB,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,iBAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,iBAAA;IAAA,SAAAA,kBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,iBAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,iBAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAjBlB,iBAAiB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIpB,IAAAC,oBAAQ,EAAC;QAAEC,SAAS,EAAE,MAAM;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACxCC,aAAO,CAACC,KAAK;MAAA;IAAA;MAAAR,IAAA;MAAAC,UAAA,GAMnB,IAAAC,oBAAQ,EAAC;QAAEC,SAAS,EAAE,MAAM;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACxCG,aAAO,CAACC,KAAK;MAAA;IAAA;MAAAV,IAAA;MAAAC,UAAA,GAMnB,IAAAC,oBAAQ,EAAC;QAAEC,SAAS,EAAE,UAAU;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACxCK,iBAAW,CAACC,eAAe;MAAA;IAAA;MAAAZ,IAAA;MAAAC,UAAA,GAMrC,IAAAC,oBAAQ,EAAC;QAAEC,SAAS,EAAE,QAAQ;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACxCO,eAAS,CAACC,IAAI;MAAA;IAAA;MAAAd,IAAA;MAAA;MAAAK,GAAA;MAAAC,KAAA;MAzBvB;AACF;AACA;;MAIE;AACF;AACA;AACA;;MAIE;AACF;AACA;AACA;;MAIE;AACF;AACA;AACA;;MAIE,SAAAS,eAAA,EAA4B;QAC1B,UAAAhC,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAK,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeU,6BAAM;MAAA;IAAA;EAAA;AAAA,GAhCQ,IAAAC,0BAAmB,EAACC,sBAAU,CAAC;AAmC/D;AAAA,IAAAC,QAAA,GACevC,iBAAiB;AAAAwC,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"horizontal-rule.js","names":["_litElement","require","_settings","_interopRequireDefault","_stableSelector","_defs","_horizontalRuleCss","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSHorizontalRule","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","attribute","reflect","key","value","HR_TYPE","SOLID","HR_SIZE","FLUID","HR_CONTRAST","MEDIUM_CONTRAST","HR_WEIGHT","THIN","stableSelector","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/horizontal-rule/horizontal-rule.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property, LitElement } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { HR_TYPE, HR_SIZE, HR_CONTRAST, HR_WEIGHT } from './defs';\nimport styles from './horizontal-rule.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nexport { HR_TYPE, HR_SIZE, HR_CONTRAST, HR_WEIGHT };\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Horizontal Rule\n \n @element dds-hr\n /\n@customElement(`${ddsPrefix}-hr`)\nclass DDSHorizontalRule extends StableSelectorMixin(LitElement) {\n /\n Style of the HR (solid (default) \| dashed)\n /\n @property({ attribute: 'type', reflect: true })\n type = HR_TYPE.SOLID;\n\n /\n Length of the HR\n * (fluid (default) \| small \| medium \| large)\n /\n @property({ attribute: 'size', reflect: true })\n size = HR_SIZE.FLUID;\n\n /\n Contrast of the HR\n * (medium-contrast (default) \| low-contrast \| high-contrast)\n /\n @property({ attribute: 'contrast', reflect: true })\n contrast = HR_CONTRAST.MEDIUM_CONTRAST;\n\n /\n Weight of the HR\n * (thin (default) \| thick)\n /\n @property({ attribute: 'weight', reflect: true })\n weight = HR_WEIGHT.THIN;\n\n static get stableSelector() {\n return `${ddsPrefix}--hr`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSHorizontalRule;\n"],"mappings":"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"}

package/es/components/image/image-item.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2022
+ * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -194,7 +194,7 @@ declare const DDSImageItem_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;

package/es/components/image/image-item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/image/image-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,~~EAAiB~~,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAOxD~~;;;;GAIG;AAEH,cACM,YAAa,SAAQ,iBAA+B;IACxD,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,YAAY,CAAC","file":"image-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, ~~2022~~\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { ~~customElement,~~ LitElement } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './image.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image item.\n \n @element dds-image-item\n /\n\n@customElement(`${ddsPrefix}-image-item`)\nclass DDSImageItem extends StableSelectorMixin(LitElement) {\n static get stableSelector() {\n return `${ddsPrefix}-image-item`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSImageItem;\n"]}
1	+ {"version":3,"sources":["components/image/image-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQzC;;;;GAIG;AAEH,cACM,YAAa,SAAQ,iBAA+B;IACxD,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,YAAY,CAAC","file":"image-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { LitElement } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './image.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image item.\n \n @element dds-image-item\n /\n\n@customElement(`${ddsPrefix}-image-item`)\nclass DDSImageItem extends StableSelectorMixin(LitElement) {\n static get stableSelector() {\n return `${ddsPrefix}-image-item`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSImageItem;\n"]}

package/es/components/image/image-item.js CHANGED Viewed

@@ -16,6 +16,7 @@ var _litElement = require("lit-element");
 var _settings = _interopRequireDefault(require("@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js"));
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
 var _imageCss = _interopRequireDefault(require("././image.css.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var ddsPrefix = _settings["default"].stablePrefix;
@@ -25,7 +26,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-image-item
  */
-var DDSImageItem = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-image-item"))], function (_initialize, _StableSelectorMixin) {
+var DDSImageItem = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-image-item"))], function (_initialize, _StableSelectorMixin) {
   var DDSImageItem = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSImageItem, _StableSelectorMixin2);
     var _super = _createSuper(DDSImageItem);

package/es/components/image/image-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"image-item.js","names":["_litElement","require","_settings","_interopRequireDefault","_stableSelector","_imageCss","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSImageItem","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","stableSelector","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/image/image-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, ~~2022~~\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { ~~customElement,~~ LitElement } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './image.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image item.\n \n @element dds-image-item\n /\n\n@customElement(`${ddsPrefix}-image-item`)\nclass DDSImageItem extends StableSelectorMixin(LitElement) {\n static get stableSelector() {\n return `${ddsPrefix}-image-item`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSImageItem;\n"],"mappings":";;;;;;;;;;;;;;AAQA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;~~AAAkC~~,~~SAAAK~~,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;~~AAElC~~,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAOMC,YAAY,OAAAC,UAAA,cADjB,IAAAC,~~yBAAa~~,KAAAC,MAAA,CAAIN,SAAS,iBAAc,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IACnCL,YAAY,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,YAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,YAAA;IAAA,SAAAA,aAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,YAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,YAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAZlB,YAAY;IAAAmB,CAAA;MAAAC,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAChB,SAAAC,eAAA,EAA4B;QAC1B,UAAApB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeE,oBAAM;MAAA;IAAA;EAAA;AAAA,GALG,IAAAC,0BAAmB,EAACC,sBAAU,CAAC;AAQ1D;AAAA,IAAAC,QAAA,GACe3B,YAAY;AAAA4B,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"image-item.js","names":["_litElement","require","_settings","_interopRequireDefault","_stableSelector","_imageCss","_carbonElement","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSImageItem","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","stableSelector","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/image/image-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { LitElement } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './image.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image item.\n \n @element dds-image-item\n /\n\n@customElement(`${ddsPrefix}-image-item`)\nclass DDSImageItem extends StableSelectorMixin(LitElement) {\n static get stableSelector() {\n return `${ddsPrefix}-image-item`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSImageItem;\n"],"mappings":";;;;;;;;;;;;;;AAQA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAgI,SAAAM,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEhI,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAOMC,YAAY,OAAAC,UAAA,cADjB,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,iBAAc,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IACnCL,YAAY,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,YAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,YAAA;IAAA,SAAAA,aAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,YAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,YAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAZlB,YAAY;IAAAmB,CAAA;MAAAC,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAChB,SAAAC,eAAA,EAA4B;QAC1B,UAAApB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeE,oBAAM;MAAA;IAAA;EAAA;AAAA,GALG,IAAAC,0BAAmB,EAACC,sBAAU,CAAC;AAQ1D;AAAA,IAAAC,QAAA,GACe3B,YAAY;AAAA4B,OAAA,cAAAD,QAAA"}

package/es/components/image/image.d.ts CHANGED Viewed

@@ -21,9 +21,7 @@ declare const DDSImage_base: {
         transposeAttributes(linkNodeArg?: any, altAttributesArg?: any): void;
         _cleanAndCreateMutationObserver({ create }?: {
             create?: boolean | undefined;
-        }): void; /**
-         * The description.
-         */
+        }): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -200,7 +198,7 @@ declare const DDSImage_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
@@ -335,7 +333,9 @@ declare const DDSImage_base: {
     modalRenderRoot: void | Element | null;
     readonly container: any;
     createModalRenderRoot(): void | Element | null;
-    connectedCallback(): void;
+    connectedCallback(): void; /**
+     * The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.
+     */
     disconnectedCallback(): void;
     update(changedProperties: any): void;
     accessKey: string;
@@ -514,7 +514,7 @@ declare const DDSImage_base: {
     ariaValueMin: string | null;
     ariaValueNow: string | null;
     ariaValueText: string | null;
-    animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+    animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
     getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
     after(...nodes: (string | Node)[]): void;
     before(...nodes: (string | Node)[]): void;
@@ -695,19 +695,27 @@ declare const DDSImage_base: {
     closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
     closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
     closest<E_4 extends Element = Element>(selectors: string): E_4 | null;
-    getAttribute(qualifiedName: string): string | null;
+    getAttribute(qualifiedName: string): string | null; /**
+     * Whether or not to apply a border around the image.
+     */
     getAttributeNS(namespace: string | null, localName: string): string | null;
     getAttributeNames(): string[];
     getAttributeNode(qualifiedName: string): Attr | null;
     getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
     getBoundingClientRect(): DOMRect;
+    getClientRects(): DOMRectList;
+    getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
     /**
      * The description.
      */
-    getClientRects(): DOMRectList;
-    getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
     getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
+    /**
+     * The description.
+     */
     getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
+    /**
+     * The description.
+     */
     getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
     getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
     getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
@@ -763,6 +771,9 @@ declare const DDSImage_base: {
     isDefaultNamespace(namespace: string | null): boolean;
     isEqualNode(otherNode: Node | null): boolean;
     isSameNode(otherNode: Node | null): boolean;
+    /**
+     * A selector that will return image items.
+     */
     lookupNamespaceURI(prefix: string | null): string | null;
     lookupPrefix(namespace: string | null): string | null;
     normalize(): void;
@@ -823,7 +834,7 @@ declare const DDSImage_base: {
     ariaValueMin: string | null;
     ariaValueNow: string | null;
     ariaValueText: string | null;
-    animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+    animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
     getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
     after(...nodes: (string | Node)[]): void;
     before(...nodes: (string | Node)[]): void;

package/es/components/image/image.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/image/image.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,~~EAAiC~~,UAAU,EAAS,MAAM,aAAa,CAAC;~~AAM/E~~,OAAO,sCAAsC,CAAC;AAC9C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,gDAAgD,CAAC;AACxD,OAAO,kBAAkB,CAAC~~;;;;;;;;;;;kBAyGxB~~;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAFH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhGL;;;;;;GAMG;AACH,cACM,QAAS,SAAQ,aAEtB;IACC;;OAEG;IAEH,OAAO,CAAC,OAAO,CAAqB;IAEpC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAoBzB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAIpB;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAEvB;IAEF;;OAEG;IACH,OAAO,CAAC,YAAY,CAAuB;IAE3C;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,SAAM;IAGb,iCAAiC,SAAmC;IAEpE;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,UAAS;IAEb,gBAAgB;IAShB,iBAAiB;IAWjB,oBAAoB;IAOpB,WAAW;IAoCX,WAAW;IAiBX,MAAM;IA+BN;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,QAAQ,CAAC","file":"image.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, ~~customElement,~~ LitElement, state } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '../../internal/vendor/@carbon/web-components/icons/zoom--in/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image.\n \n @element dds-image\n * @slot long-description - The long description content.\n * @slot icon - The icon content.\n /\n@customElement(`${ddsPrefix}-image`)\nclass DDSImage extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n The image data, harvested from `<dds-image-item>`.\n /\n @state()\n private _images: HTMLElement[] = [];\n\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { selectorItem } = this.constructor as typeof DDSImage;\n this._images = (target as HTMLSlotElement)\n .assignedNodes()\n // Supports `<dds-image><slot></slot></dds-image>` rendered in shadow DOM\n .reduce((acc, node) => {\n if ((node as Element).tagName === 'SLOT') {\n acc.push(...(node as HTMLSlotElement).assignedNodes());\n } else {\n acc.push(node);\n }\n return acc;\n }, [] as Node[])\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).matches(selectorItem)\n ) as HTMLElement[];\n }\n\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The alternate text.\n /\n @property()\n alt = '';\n\n /\n The image source.\n /\n @property({ attribute: 'default-src' })\n defaultSrc = '';\n\n /\n Whether or not to apply a border around the image.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The heading.\n /\n @property()\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property()\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImage).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n renderImage() {\n const {\n alt,\n border,\n defaultSrc,\n _images: images,\n _handleSlotChange: handleSlotChange,\n } = this;\n const imgClasses = classMap({\n [`${prefix}--image__img`]: true,\n [`${prefix}--image__img--border`]: border,\n });\n\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <picture>\n ${images.map(\n (image) =>\n html`<source media=\"${image.getAttribute(\n 'media'\n )}\" srcset=\"${image.getAttribute('srcset')}\"></source>`\n )}\n <img\n class=\"${imgClasses}\"\n src=\"${defaultSrc}\"\n alt=\"${alt}\"\n aria-describedby=\"image-caption long-description\"\n loading=\"lazy\" />\n </picture>\n <div id=\"long-description\" class=\"${prefix}--image__longdescription\">\n <slot name=\"long-description\"></slot>\n </div>\n <slot name=\"icon\"></slot>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\">\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n render() {\n const {\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\">\n ${this.renderImage()}\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html` ${this.renderImage()} `}\n ${heading\n ? html`\n <p id=\"image-caption\" class=\"${prefix}--image__caption\">\n ${heading}\n </p>\n `\n : ``}\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n /\n A selector that will return image items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-image-item`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSImage;\n"]}
1	+ {"version":3,"sources":["components/image/image.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAS,MAAM,aAAa,CAAC;AAMhE,OAAO,sCAAsC,CAAC;AAC9C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,gDAAgD,CAAC;AACxD,OAAO,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAoExB;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAeH;;OAEG;;;;;;;;IAmBH;;OAEG;;IAFH;;OAEG;;IAFH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgIH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlOL;;;;;;GAMG;AACH,cACM,QAAS,SAAQ,aAEtB;IACC;;OAEG;IAEH,OAAO,CAAC,OAAO,CAAqB;IAEpC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAoBzB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAIpB;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAEvB;IAEF;;OAEG;IACH,OAAO,CAAC,YAAY,CAAuB;IAE3C;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,SAAM;IAGb,iCAAiC,SAAmC;IAEpE;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,UAAS;IAEb,gBAAgB;IAShB,iBAAiB;IAWjB,oBAAoB;IAOpB,WAAW;IAoCX,WAAW;IAiBX,MAAM;IA+BN;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,QAAQ,CAAC","file":"image.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, LitElement, state } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '../../internal/vendor/@carbon/web-components/icons/zoom--in/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image.\n \n @element dds-image\n * @slot long-description - The long description content.\n * @slot icon - The icon content.\n /\n@customElement(`${ddsPrefix}-image`)\nclass DDSImage extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n The image data, harvested from `<dds-image-item>`.\n /\n @state()\n private _images: HTMLElement[] = [];\n\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { selectorItem } = this.constructor as typeof DDSImage;\n this._images = (target as HTMLSlotElement)\n .assignedNodes()\n // Supports `<dds-image><slot></slot></dds-image>` rendered in shadow DOM\n .reduce((acc, node) => {\n if ((node as Element).tagName === 'SLOT') {\n acc.push(...(node as HTMLSlotElement).assignedNodes());\n } else {\n acc.push(node);\n }\n return acc;\n }, [] as Node[])\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).matches(selectorItem)\n ) as HTMLElement[];\n }\n\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The alternate text.\n /\n @property()\n alt = '';\n\n /\n The image source.\n /\n @property({ attribute: 'default-src' })\n defaultSrc = '';\n\n /\n Whether or not to apply a border around the image.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The heading.\n /\n @property()\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property()\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImage).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n renderImage() {\n const {\n alt,\n border,\n defaultSrc,\n _images: images,\n _handleSlotChange: handleSlotChange,\n } = this;\n const imgClasses = classMap({\n [`${prefix}--image__img`]: true,\n [`${prefix}--image__img--border`]: border,\n });\n\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <picture>\n ${images.map(\n (image) =>\n html`<source media=\"${image.getAttribute(\n 'media'\n )}\" srcset=\"${image.getAttribute('srcset')}\"></source>`\n )}\n <img\n class=\"${imgClasses}\"\n src=\"${defaultSrc}\"\n alt=\"${alt}\"\n aria-describedby=\"image-caption long-description\"\n loading=\"lazy\" />\n </picture>\n <div id=\"long-description\" class=\"${prefix}--image__longdescription\">\n <slot name=\"long-description\"></slot>\n </div>\n <slot name=\"icon\"></slot>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\">\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n render() {\n const {\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\">\n ${this.renderImage()}\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html` ${this.renderImage()} `}\n ${heading\n ? html`\n <p id=\"image-caption\" class=\"${prefix}--image__caption\">\n ${heading}\n </p>\n `\n : ``}\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n /\n A selector that will return image items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-image-item`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSImage;\n"]}

package/es/components/image/image.js CHANGED Viewed

@@ -31,6 +31,7 @@ var _settings2 = _interopRequireDefault(require("../../internal/vendor/@carbon/i
 var _imageCss = _interopRequireDefault(require("././image.css.js"));
 var _modalRender = _interopRequireDefault(require("../../globals/mixins/modal-render.js"));
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -44,7 +45,7 @@ var ddsPrefix = _settings2["default"].stablePrefix;
  * @slot long-description - The long description content.
  * @slot icon - The icon content.
  */
-var DDSImage = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-image"))], function (_initialize, _StableSelectorMixin) {
+var DDSImage = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-image"))], function (_initialize, _StableSelectorMixin) {
   var DDSImage = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSImage, _StableSelectorMixin2);
     var _super = _createSuper(DDSImage);

package/es/components/image/image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"image.js","names":["_litElement","require","_classMap2","_settings","_interopRequireDefault","_on","_ifNonNull","_focus","_","_settings2","_imageCss","_modalRender","_stableSelector","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSImage","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","state","key","value","_handleSlotChange","_ref","target","_ref2","selectorItem","_images","assignedNodes","reduce","acc","node","tagName","push","_toConsumableArray2","filter","nodeType","Node","ELEMENT_NODE","matches","_handleClick","open","_this2","property","attribute","type","reflect","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","_get2","modalRenderRoot","createModalRenderRoot","_hCloseModal","on","eventCloseModal","_handleCloseModal","disconnectedCallback","release","renderImage","_classMap","alt","border","defaultSrc","images","handleSlotChange","imgClasses","classMap","_defineProperty2","html","_taggedTemplateLiteral2","map","image","getAttribute","renderModal","copy","heading","lightbox","undefined","ifNonNull","render","launchLightboxButtonAssistiveText","handleClick","ZoomIn20","stableSelector","styles","StableSelectorMixin","ModalRenderMixin","FocusMixin","LitElement","_default","exports"],"sources":["components/image/image.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement, LitElement, state } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '../../internal/vendor/@carbon/web-components/icons/zoom--in/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image.\n \n @element dds-image\n * @slot long-description - The long description content.\n * @slot icon - The icon content.\n /\n@customElement(`${ddsPrefix}-image`)\nclass DDSImage extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n The image data, harvested from `<dds-image-item>`.\n /\n @state()\n private _images: HTMLElement[] = [];\n\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { selectorItem } = this.constructor as typeof DDSImage;\n this._images = (target as HTMLSlotElement)\n .assignedNodes()\n // Supports `<dds-image><slot></slot></dds-image>` rendered in shadow DOM\n .reduce((acc, node) => {\n if ((node as Element).tagName === 'SLOT') {\n acc.push(...(node as HTMLSlotElement).assignedNodes());\n } else {\n acc.push(node);\n }\n return acc;\n }, [] as Node[])\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).matches(selectorItem)\n ) as HTMLElement[];\n }\n\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The alternate text.\n /\n @property()\n alt = '';\n\n /\n The image source.\n /\n @property({ attribute: 'default-src' })\n defaultSrc = '';\n\n /\n Whether or not to apply a border around the image.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The heading.\n /\n @property()\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property()\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImage).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n renderImage() {\n const {\n alt,\n border,\n defaultSrc,\n _images: images,\n _handleSlotChange: handleSlotChange,\n } = this;\n const imgClasses = classMap({\n [`${prefix}--image__img`]: true,\n [`${prefix}--image__img--border`]: border,\n });\n\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <picture>\n ${images.map(\n (image) =>\n html`<source media=\"${image.getAttribute(\n 'media'\n )}\" srcset=\"${image.getAttribute('srcset')}\"></source>`\n )}\n <img\n class=\"${imgClasses}\"\n src=\"${defaultSrc}\"\n alt=\"${alt}\"\n aria-describedby=\"image-caption long-description\"\n loading=\"lazy\" />\n </picture>\n <div id=\"long-description\" class=\"${prefix}--image__longdescription\">\n <slot name=\"long-description\"></slot>\n </div>\n <slot name=\"icon\"></slot>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\">\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n render() {\n const {\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\">\n ${this.renderImage()}\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html` ${this.renderImage()} `}\n ${heading\n ? html`\n <p id=\"image-caption\" class=\"${prefix}--image__caption\">\n ${heading}\n </p>\n `\n : ``}\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n /\n A selector that will return image items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-image-item`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSImage;\n"],"mappings":"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"}
1	+ {"version":3,"file":"image.js","names":["_litElement","require","_classMap2","_settings","_interopRequireDefault","_on","_ifNonNull","_focus","_","_settings2","_imageCss","_modalRender","_stableSelector","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSImage","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","state","key","value","_handleSlotChange","_ref","target","_ref2","selectorItem","_images","assignedNodes","reduce","acc","node","tagName","push","_toConsumableArray2","filter","nodeType","Node","ELEMENT_NODE","matches","_handleClick","open","_this2","property","attribute","type","reflect","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","_get2","modalRenderRoot","createModalRenderRoot","_hCloseModal","on","eventCloseModal","_handleCloseModal","disconnectedCallback","release","renderImage","_classMap","alt","border","defaultSrc","images","handleSlotChange","imgClasses","classMap","_defineProperty2","html","_taggedTemplateLiteral2","map","image","getAttribute","renderModal","copy","heading","lightbox","undefined","ifNonNull","render","launchLightboxButtonAssistiveText","handleClick","ZoomIn20","stableSelector","styles","StableSelectorMixin","ModalRenderMixin","FocusMixin","LitElement","_default","exports"],"sources":["components/image/image.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, LitElement, state } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '../../internal/vendor/@carbon/web-components/icons/zoom--in/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image.\n \n @element dds-image\n * @slot long-description - The long description content.\n * @slot icon - The icon content.\n /\n@customElement(`${ddsPrefix}-image`)\nclass DDSImage extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n The image data, harvested from `<dds-image-item>`.\n /\n @state()\n private _images: HTMLElement[] = [];\n\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { selectorItem } = this.constructor as typeof DDSImage;\n this._images = (target as HTMLSlotElement)\n .assignedNodes()\n // Supports `<dds-image><slot></slot></dds-image>` rendered in shadow DOM\n .reduce((acc, node) => {\n if ((node as Element).tagName === 'SLOT') {\n acc.push(...(node as HTMLSlotElement).assignedNodes());\n } else {\n acc.push(node);\n }\n return acc;\n }, [] as Node[])\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).matches(selectorItem)\n ) as HTMLElement[];\n }\n\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The alternate text.\n /\n @property()\n alt = '';\n\n /\n The image source.\n /\n @property({ attribute: 'default-src' })\n defaultSrc = '';\n\n /\n Whether or not to apply a border around the image.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The heading.\n /\n @property()\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property()\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImage).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n renderImage() {\n const {\n alt,\n border,\n defaultSrc,\n _images: images,\n _handleSlotChange: handleSlotChange,\n } = this;\n const imgClasses = classMap({\n [`${prefix}--image__img`]: true,\n [`${prefix}--image__img--border`]: border,\n });\n\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <picture>\n ${images.map(\n (image) =>\n html`<source media=\"${image.getAttribute(\n 'media'\n )}\" srcset=\"${image.getAttribute('srcset')}\"></source>`\n )}\n <img\n class=\"${imgClasses}\"\n src=\"${defaultSrc}\"\n alt=\"${alt}\"\n aria-describedby=\"image-caption long-description\"\n loading=\"lazy\" />\n </picture>\n <div id=\"long-description\" class=\"${prefix}--image__longdescription\">\n <slot name=\"long-description\"></slot>\n </div>\n <slot name=\"icon\"></slot>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\">\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n render() {\n const {\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\">\n ${this.renderImage()}\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html` ${this.renderImage()} `}\n ${heading\n ? html`\n <p id=\"image-caption\" class=\"${prefix}--image__caption\">\n ${heading}\n </p>\n `\n : ``}\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n /\n A selector that will return image items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-image-item`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSImage;\n"],"mappings":"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"}

package/es/components/image-with-caption/image-with-caption.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/image-with-caption/image-with-caption.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,sCAAsC,CAAC;AAC9C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,gBAAgB,CAAC;AACxB,OAAO,gDAAgD,CAAC;AACxD,OAAO,kBAAkB,CAAC;;~~AAiL1B~~,wBAKE","file":"image-with-caption.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, ~~customElement,~~ LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../image/image';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '../../internal/vendor/@carbon/web-components/icons/zoom--in/20.js';\nimport deprecate from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/deprecate/deprecate';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image-with-caption.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image With Caption\n \n @element dds-image-with-caption\n /\n\n@customElement(`${ddsPrefix}-image-with-caption`)\nclass DDSImageWithCaption extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The image source.\n /\n @property({ reflect: true, attribute: 'default-src' })\n defaultSrc = '';\n\n /\n The alt text.\n /\n @property({ reflect: true })\n alt = '';\n\n /\n The heading.\n /\n @property({ reflect: true })\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property({ reflect: true })\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImageWithCaption).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n render() {\n const {\n alt,\n defaultSrc,\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\">\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html`\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n `}\n <p class=\"${prefix}--image__caption\">${heading}</p>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\">\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image-with-caption`;\n }\n\n static styles = styles;\n}\n\nexport default deprecate(\n / @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\n DDSImageWithCaption,\n 'The dds-image-with-caption component has been merged with the dds-image component ' +\n 'See dds-image documentation for more information.'\n);\n"]}
1	+ {"version":3,"sources":["components/image-with-caption/image-with-caption.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,sCAAsC,CAAC;AAC9C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,gBAAgB,CAAC;AACxB,OAAO,gDAAgD,CAAC;AACxD,OAAO,kBAAkB,CAAC;;AAkL1B,wBAKE","file":"image-with-caption.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../image/image';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '../../internal/vendor/@carbon/web-components/icons/zoom--in/20.js';\nimport deprecate from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/deprecate/deprecate';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image-with-caption.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image With Caption\n \n @element dds-image-with-caption\n /\n\n@customElement(`${ddsPrefix}-image-with-caption`)\nclass DDSImageWithCaption extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The image source.\n /\n @property({ reflect: true, attribute: 'default-src' })\n defaultSrc = '';\n\n /\n The alt text.\n /\n @property({ reflect: true })\n alt = '';\n\n /\n The heading.\n /\n @property({ reflect: true })\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property({ reflect: true })\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImageWithCaption).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n render() {\n const {\n alt,\n defaultSrc,\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\">\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html`\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n `}\n <p class=\"${prefix}--image__caption\">${heading}</p>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\">\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image-with-caption`;\n }\n\n static styles = styles;\n}\n\nexport default deprecate(\n / @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\n DDSImageWithCaption,\n 'The dds-image-with-caption component has been merged with the dds-image component ' +\n 'See dds-image documentation for more information.'\n);\n"]}

package/es/components/image-with-caption/image-with-caption.js CHANGED Viewed

@@ -30,6 +30,7 @@ var _settings2 = _interopRequireDefault(require("../../internal/vendor/@carbon/i
 var _imageWithCaptionCss = _interopRequireDefault(require("././image-with-caption.css.js"));
 var _modalRender = _interopRequireDefault(require("../../globals/mixins/modal-render.js"));
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -41,7 +42,7 @@ var ddsPrefix = _settings2["default"].stablePrefix;
  *
  * @element dds-image-with-caption
  */
-var DDSImageWithCaption = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-image-with-caption"))], function (_initialize, _StableSelectorMixin) {
+var DDSImageWithCaption = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-image-with-caption"))], function (_initialize, _StableSelectorMixin) {
   var DDSImageWithCaption = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSImageWithCaption, _StableSelectorMixin2);
     var _super = _createSuper(DDSImageWithCaption);

package/es/components/image-with-caption/image-with-caption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"image-with-caption.js","names":["_litElement","require","_settings","_interopRequireDefault","_on","_ifNonNull","_focus","_","_deprecate","_settings2","_imageWithCaptionCss","_modalRender","_stableSelector","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSImageWithCaption","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_handleClick","open","_this2","decorators","property","type","reflect","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","_get2","modalRenderRoot","createModalRenderRoot","_hCloseModal","on","eventCloseModal","_handleCloseModal","disconnectedCallback","release","render","alt","defaultSrc","heading","launchLightboxButtonAssistiveText","lightbox","handleClick","html","_taggedTemplateLiteral2","ifNonNull","ZoomIn20","renderModal","copy","undefined","stableSelector","styles","StableSelectorMixin","ModalRenderMixin","FocusMixin","LitElement","_default","deprecate","exports"],"sources":["components/image-with-caption/image-with-caption.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../image/image';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '../../internal/vendor/@carbon/web-components/icons/zoom--in/20.js';\nimport deprecate from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/deprecate/deprecate';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image-with-caption.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image With Caption\n \n @element dds-image-with-caption\n /\n\n@customElement(`${ddsPrefix}-image-with-caption`)\nclass DDSImageWithCaption extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The image source.\n /\n @property({ reflect: true, attribute: 'default-src' })\n defaultSrc = '';\n\n /\n The alt text.\n /\n @property({ reflect: true })\n alt = '';\n\n /\n The heading.\n /\n @property({ reflect: true })\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property({ reflect: true })\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImageWithCaption).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n render() {\n const {\n alt,\n defaultSrc,\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\">\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html`\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n `}\n <p class=\"${prefix}--image__caption\">${heading}</p>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\">\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image-with-caption`;\n }\n\n static styles = styles;\n}\n\nexport default deprecate(\n / @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\n DDSImageWithCaption,\n 'The dds-image-with-caption component has been merged with the dds-image component ' +\n 'See dds-image documentation for more information.'\n);\n"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,GAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAH,sBAAA,CAAAF,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACA,IAAAM,CAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,UAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,UAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,oBAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,YAAA,GAAAR,sBAAA,CAAAF,OAAA;AAEA,IAAAW,eAAA,GAAAT,sBAAA,CAAAF,OAAA;AAAuE,IAAAY,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEvE,IAAQC,MAAM,GAAKC,oBAAQ,CAAnBD,MAAM;AACd,IAAsBE,SAAS,GAAKC,qBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAOMC,mBAAmB,OAAAC,UAAA,cADxB,IAAAC,yBAAa,KAAAC,MAAA,CAAIN,SAAS,yBAAsB,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IAC3CL,mBAAmB,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,mBAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAnC,YAAA,CAAA2B,mBAAA;IAAA,SAAAA,oBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,mBAAA;MAAA,SAAAW,IAAA,GAAA1B,SAAA,CAAA2B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA9B,SAAA,CAAA8B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAf,IAAA,CAAAP,KAAA,CAAAsB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,mBAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAnBlB,mBAAmB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAGvB;AACF;AACA;AACA;AACA;MACE,SAAAC,aAAA,EAAuB;QACrB,IAAI,CAACC,IAAI,GAAG,IAAI;MAClB;;MAEA;AACF;AACA;IAFE;MAAAJ,IAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,IAAAG,MAAA;QAAA,OAG4B,YAAM;UAChCA,MAAI,CAACD,IAAI,GAAG,KAAK;QACnB,CAAC;MAAA;IAAA;MAAAJ,IAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAKqC,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAM,UAAA,GAKzC,IAAAC,oBAAQ,EAAC;QAAEC,IAAI,EAAEtC,OAAO;QAAEuC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAR,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAM,UAAA,GAKf,IAAAC,oBAAQ,EAAC;QAAEE,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAc,CAAC,CAAC;MAAAT,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACzC,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAM,UAAA,GAKd,IAAAC,oBAAQ,EAAC;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAR,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACtB,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAM,UAAA,GAKP,IAAAC,oBAAQ,EAAC;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAR,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAClB,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAM,UAAA,GAEX,IAAAC,oBAAQ,EAAC;QAAEG,SAAS,EAAE;MAAwC,CAAC,CAAC;MAAAT,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAC7B,+BAA+B;MAAA;IAAA;MAAAF,IAAA;MAAAM,UAAA,GAKlE,IAAAC,oBAAQ,EAAC;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAR,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAM,UAAA,GAKR,IAAAC,oBAAQ,EAAC;QAAEC,IAAI,EAAEtC,OAAO;QAAEuC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAR,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACpC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MA1CZ;AACF;AACA;MAGE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAOE;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAAS,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAAZ,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAkB,kBAAA,EAAoB;QAClB,IAAAC,KAAA,iBAAA9D,gBAAA,aAzEEqB,mBAAmB,CAAAT,SAAA,8BAAAE,IAAA;QA0ErB,IAAI,CAACiD,eAAe,GAAG,IAAI,CAACC,qBAAqB,EAAE,CAAC,CAAC;QACrD;QACA,IAAI,CAACC,YAAY,GAAG,IAAAC,cAAE,EACpB,IAAI,CAACH,eAAe,EACnB,IAAI,CAAC5D,WAAW,CAAgCgE,eAAe,EAChE,IAAI,CAACC,iBAAiB,CACvB;MACH;IAAC;MAAA3B,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA0B,qBAAA,EAAuB;QACrB,IAAI,IAAI,CAACJ,YAAY,EAAE;UACrB,IAAI,CAACA,YAAY,GAAG,IAAI,CAACA,YAAY,CAACK,OAAO,EAAE;QACjD;QACA,IAAAR,KAAA,iBAAA9D,gBAAA,aAvFEqB,mBAAmB,CAAAT,SAAA,iCAAAE,IAAA;MAwFvB;IAAC;MAAA2B,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA4B,OAAA,EAAS;QACP,IACEC,GAAG,GAMD,IAAI,CANNA,GAAG;UACHC,UAAU,GAKR,IAAI,CALNA,UAAU;UACVC,OAAO,GAIL,IAAI,CAJNA,OAAO;UACPC,iCAAiC,GAG/B,IAAI,CAHNA,iCAAiC;UACjCC,QAAQ,GAEN,IAAI,CAFNA,QAAQ;UACMC,WAAW,GACvB,IAAI,CADNjC,YAAY;QAEd,WAAOkC,gBAAI,EAAAxF,eAAA,KAAAA,eAAA,OAAAyF,uBAAA,yFACPH,QAAQ,OACNE,gBAAI,EAAAvF,gBAAA,KAAAA,gBAAA,OAAAwF,uBAAA,odAES/D,MAAM,EACD,IAAAgE,qBAAS,EAACL,iCAAiC,CAAC,EAChDE,WAAW,EAEZ,IAAAG,qBAAS,EAACR,GAAG,CAAC,EACN,IAAAQ,qBAAS,EAACP,UAAU,CAAC,EAGxBzD,MAAM,EAChB,IAAAiE,YAAQ,GAAE,QAIlBH,gBAAI,EAAAtF,gBAAA,KAAAA,gBAAA,OAAAuF,uBAAA,iLAEO,IAAAC,qBAAS,EAACR,GAAG,CAAC,EACN,IAAAQ,qBAAS,EAACP,UAAU,CAAC,CAGvC,EACOzD,MAAM,EAAqB0D,OAAO;MAElD;IAAC;MAAAjC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAuC,YAAA,EAAc;QACZ,IAAQV,GAAG,GAAgD,IAAI,CAAvDA,GAAG;UAAEW,IAAI,GAA0C,IAAI,CAAlDA,IAAI;UAAEV,UAAU,GAA8B,IAAI,CAA5CA,UAAU;UAAEC,OAAO,GAAqB,IAAI,CAAhCA,OAAO;UAAEE,QAAQ,GAAW,IAAI,CAAvBA,QAAQ;UAAE/B,IAAI,GAAK,IAAI,CAAbA,IAAI;QACtD,OAAO,CAAC+B,QAAQ,GACZQ,SAAS,OACTN,gBAAI,EAAArF,gBAAA,KAAAA,gBAAA,OAAAsF,uBAAA,4bAC6BlC,IAAI,EAGxB,IAAAmC,qBAAS,EAACR,GAAG,CAAC,EACN,IAAAQ,qBAAS,EAACP,UAAU,CAAC,EACrB,IAAAO,qBAAS,EAACG,IAAI,CAAC,EACrB,IAAAH,qBAAS,EAACN,OAAO,CAAC,CAGhC;MACP;;MAEA;AACF;AACA;IAFE;MAAAjC,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAwB,gBAAA,EAA6B;QAC3B,UAAA3C,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA0C,eAAA,EAA4B;QAC1B,UAAA7D,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEe2C,+BAAM;MAAA;IAAA;EAAA;AAAA,GA3JU,IAAAC,0BAAmB,EACnD,IAAAC,uBAAgB,EAAC,IAAAC,iBAAU,EAACC,sBAAU,CAAC,CAAC,CACzC;AAAA,IAAAC,QAAA,GA4Jc,IAAAC,qBAAS,GACtB;AACAvE,mBAAmB,EACnB,oFAAoF,GAClF,mDAAmD,CACtD;AAAAwE,OAAA,cAAAF,QAAA"}
1	+ {"version":3,"file":"image-with-caption.js","names":["_litElement","require","_settings","_interopRequireDefault","_on","_ifNonNull","_focus","_","_deprecate","_settings2","_imageWithCaptionCss","_modalRender","_stableSelector","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSImageWithCaption","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_handleClick","open","_this2","decorators","property","type","reflect","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","_get2","modalRenderRoot","createModalRenderRoot","_hCloseModal","on","eventCloseModal","_handleCloseModal","disconnectedCallback","release","render","alt","defaultSrc","heading","launchLightboxButtonAssistiveText","lightbox","handleClick","html","_taggedTemplateLiteral2","ifNonNull","ZoomIn20","renderModal","copy","undefined","stableSelector","styles","StableSelectorMixin","ModalRenderMixin","FocusMixin","LitElement","_default","deprecate","exports"],"sources":["components/image-with-caption/image-with-caption.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../image/image';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '../../internal/vendor/@carbon/web-components/icons/zoom--in/20.js';\nimport deprecate from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/deprecate/deprecate';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image-with-caption.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image With Caption\n \n @element dds-image-with-caption\n /\n\n@customElement(`${ddsPrefix}-image-with-caption`)\nclass DDSImageWithCaption extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The image source.\n /\n @property({ reflect: true, attribute: 'default-src' })\n defaultSrc = '';\n\n /\n The alt text.\n /\n @property({ reflect: true })\n alt = '';\n\n /\n The heading.\n /\n @property({ reflect: true })\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property({ reflect: true })\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImageWithCaption).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n render() {\n const {\n alt,\n defaultSrc,\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\">\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html`\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n `}\n <p class=\"${prefix}--image__caption\">${heading}</p>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\">\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image-with-caption`;\n }\n\n static styles = styles;\n}\n\nexport default deprecate(\n / @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\n DDSImageWithCaption,\n 'The dds-image-with-caption component has been merged with the dds-image component ' +\n 'See dds-image documentation for more information.'\n);\n"],"mappings":"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"}