/** * Copyright 2026 Adobe. All rights reserved. * This file is licensed to you under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. You may obtain a copy * of the License at http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ import { CSSResultArray, TemplateResult } from '@spectrum-web-components/base'; import type { Placement } from '@spectrum-web-components/overlay'; import { Popover } from '@spectrum-web-components/popover'; import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron200.js'; import '@spectrum-web-components/asset/sp-asset.js'; import '@spectrum-web-components/button/sp-button.js'; import '@spectrum-web-components/button-group/sp-button-group.js'; import type { CoachmarkItem } from './CoachmarkItem.js'; /** * @element sp-coachmark * @fires primary - Announces that the "primary" button has been clicked. * @fires secondary - Announces that the "secondary" button has been clicked. * @slot cover-photo - This is the cover photo for Default and Quiet Coachmark * @slot heading - HTML content to be listed as the heading * @slot description - A description of the card * @slot actions - an `sp-action-menu` element outlining actions to take on the represened object * @slot step-count - Override the default pagination delivery with your own internationalized content */ export declare class Coachmark extends Popover { static get styles(): CSSResultArray; item?: CoachmarkItem; placement: Placement; private content?; private shortcutKey?; modifierKeys?: string[]; private source?; private mediaType?; hasAsset: boolean; asset?: 'file' | 'folder'; currentStep?: number; totalSteps?: number; primaryCTA?: string; secondaryCTA?: string; private renderMedia; private renderModifier; private renderJoiner; private renderHeader; private renderContent; private handlePrimaryCTA; private handleSecondaryCTA; private renderSecondaryButton; private renderPrimaryButton; private renderSecondaryButtonMobile; private renderPrimaryButtonMobile; protected renderButtons(): TemplateResult; protected renderSteps: () => TemplateResult; protected renderActionMenu: () => TemplateResult; protected render(): TemplateResult; }