import { RichText } from "@wordpress/block-editor";
import {
    sanitizeURL,
    BlockProps
} from "@essential-blocks/controls";

const save = ({ attributes }) => {
    const {
        blockId,
        image,
        imageCaption,
        horizontalAlign,
        verticalAlign,
        verticalAlignCap2,
        stylePreset,
        captionStyle,
        hoverEffect,
        openInNewTab,
        imageLink,
        enableLink,
        classHook,
        imgSource
    } = attributes;

    if (imgSource !== 'custom') {
        return null;
    }

    let imageURL = image.url;

    const linkTarget = openInNewTab ? "_blank" : undefined;

    if (imageURL === "") return null;

    return (
        <BlockProps.Save attributes={attributes}>
            <div className={`eb-parent-wrapper eb-parent-${blockId} ${classHook}`}>
                <figure
                    className={`eb-advanced-image-wrapper ${blockId} img-style-${stylePreset} ${captionStyle} caption-horizontal-${horizontalAlign} caption-vertical-${verticalAlign} ${verticalAlignCap2} ${hoverEffect}`}
                    data-id={blockId}
                >
                    <div className="image-wrapper">
                        {enableLink && (
                            <a
                                className={"eb-advimg-link"}
                                href={sanitizeURL(imageLink)}
                                target={linkTarget}
                                rel={linkTarget === "_blank" ? "noopener" : undefined}
                            >
                            </a>
                        )}
                        <img src={imageURL} alt={image.alt} />
                        {!RichText.isEmpty(imageCaption) &&
                            captionStyle != "caption-style-2" && (
                                <RichText.Content tagName="figcaption" value={imageCaption} />
                            )}
                    </div>

                    {!RichText.isEmpty(imageCaption) &&
                        captionStyle == "caption-style-2" && (
                            <RichText.Content tagName="figcaption" value={imageCaption} />
                        )}
                </figure>
            </div>
        </BlockProps.Save>
    );
};

export default save;
{"id":3597,"date":"2025-03-15T14:45:32","date_gmt":"2025-03-15T14:45:32","guid":{"rendered":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=3597"},"modified":"2025-03-15T23:46:11","modified_gmt":"2025-03-15T23:46:11","slug":"glucksrad-arbitrary-wheel-spinner","status":"publish","type":"post","link":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=3597","title":{"rendered":"Gl\u00fccksrad Arbitrary Wheel Spinner\""},"content":{"rendered":"<p><meta name=\"description\" content=\"Wir empfehlen eine Mindestanzahl von 2 Namen, infolgedessen das Rad funktioniert. \"\/><\/p>\n<h1>\"gl\u00fccksrad \u00bb Anpassbares Werkzeug F\u00fcr Zuf\u00e4llige Auswahl<\/h1>\n<div id=\"toc\" style=\"background: #f9f9f9;border: 1px solid #aaa;display: table;margin-bottom: 1em;padding: 1em;width: 350px;\">\n<p class=\"toctitle\" style=\"font-weight: 700;text-align: center;\">Content<\/p>\n<ul class=\"toc_list\">\n<li><a href=\"#toc-0\">Ist Das Gl\u00fccksrad Fair? <\/a><\/li>\n<li><a href=\"#toc-1\">Wie Kann Ich Dieses Gl\u00fccksrad Verwenden? <\/a><\/li>\n<li><a href=\"#toc-2\">Online Gl\u00fccksrad<\/a><\/li>\n<li><a href=\"#toc-3\">Gibt Ha Sido Eine Mindestanzahl Von Namen? <\/a><\/li>\n<li><a href=\"#toc-4\">Vergangene Ergebnisse<\/a><\/li>\n<li><a href=\"#toc-5\">K\u00f6nnen Sie Ihr Rad Speichern Und Zerteilen? <\/a><\/li>\n<li><a href=\"#toc-6\">Ist Fue Kostenlos Zu Gebrauchen? <\/a><\/li>\n<li><a href=\"#toc-7\">Gl\u00fccksrad<\/a><\/li>\n<li><a href=\"#toc-8\">Wie Es Funktioniert\"<\/a><\/li>\n<li><a href=\"#toc-9\">Wof\u00fcr Kann Das Gl\u00fccksrad Verwendet Werden? <\/a><\/li>\n<li><a href=\"#toc-10\">\"Auf Welche Weise Man & Drehen Sie Das Lista \ud83c\udf00<\/a><\/li>\n<li><a href=\"#toc-11\">Gibt Sera Eine Mindestanzahl Vonseiten Namen? <\/a><\/li>\n<li><a href=\"#toc-12\">K\u00f6nnen Sie Ihr Rad Speichern Und Aufl\u00f6sen? <\/a><\/li>\n<li><a href=\"#toc-13\">\"Auf Welche Art Man & Drehen Sie Das Rad \ud83c\udf00<\/a><\/li>\n<li><a href=\"#toc-14\">Gl\u00fccksrad<\/a><\/li>\n<li><a href=\"#toc-15\">Wie Kann Ich Dasjenige Gl\u00fccksrad Verwenden? <\/a><\/li>\n<li><a href=\"#toc-16\">Ist Das Gl\u00fccksrad Fair? <\/a><\/li>\n<li><a href=\"#toc-17\">Online Gl\u00fccksrad<\/a><\/li>\n<li><a href=\"#toc-18\">Wof\u00fcr Kann Das Gl\u00fccksrad Verwendet Werden? <\/a><\/li>\n<li><a href=\"#toc-19\">Vergangene Ergebnisse<\/a><\/li>\n<li><a href=\"#toc-20\">Wie Es Funktioniert\"<\/a><\/li>\n<li><a href=\"#toc-21\">Ist Ha Sido Kostenlos Zu Haben? <\/a><\/li>\n<li><a href=\"#toc-22\">Gibt Fue Eine Mindestanzahl Vonseiten Namen? <\/a><\/li>\n<li><a href=\"#toc-23\">Wie Kann Ich Das Gl\u00fccksrad Verwenden? <\/a><\/li>\n<li><a href=\"#toc-24\">Wof\u00fcr Kann Das Gl\u00fccksrad Verwendet Werden? <\/a><\/li>\n<li><a href=\"#toc-26\">K\u00f6nnen Sie Ihr Rad Speichern Und Teilen? <\/a><\/li>\n<li><a href=\"#toc-28\">Ist Es Kostenlos Zu Haben? <\/a><\/li>\n<li><a href=\"#toc-29\">Ist Das Gl\u00fccksrad Fair? <\/a><\/li>\n<li><a href=\"#toc-31\">Wie Es Funktioniert\"<\/a><\/li>\n<li><a href=\"#toc-33\">Ist Sera Kostenlos Zu Verwenden? <\/a><\/li>\n<\/ul>\n<\/div>\n<p>Klicken Sie i am Men\u00fc des Wheel-Panels auf \u201eHinzuf\u00fcgen\u201c, um mehrere Wheels \u00fcber erstellen.  Verwenden Sie \u201eBearbeiten\u201c im Panel-Men\u00fc, um Ihre Einstellungen f\u00fcr jedes Lista zu verfeinern.  Erstellen Sie jetzt dieses benutzerdefiniertes Rad mit diesem kostenlosen Online-Tool zur Zufallsentscheidungsgenerierung.\"<\/p>\n<ul>\n<li>NamensauswahlLehrer und Teamleiter lieben unsere Namensauswahl-Funktion, um Sch\u00fcler und Teammitglieder fair f\u00fcr Aufgaben oder Belohnungen auszuw\u00e4hlen. <\/li>\n<li>Um passes away zu erreichen, erstellen Sie ein verbessertes Rad und bearbeiten Sie es, indem Sie\" \"Ihre eigenen Eintr\u00e4ge hinzuf\u00fcgen. <\/li>\n<li>Das Gl\u00fccksrad ist ein interaktives, leicht zu bedienendes Webtool, das Entscheidungen treffen unterhaltsam m\u00e4chtigkeit. <\/li>\n<li>Dies ist nat\u00fcrlich ein Online-Tool zum zuf\u00e4lligen Ausw\u00e4hlen kklk Namens oder Factors. Es wird ebenso als zuf\u00e4llige Namensauswahl, Namensrad oder Online-Roulette bezeichnet. Manchmal ist auch es f\u00fcr Menschen schwierig, Entscheidungen zu treffen. <\/li>\n<\/ul>\n<p>Dieser virtuelle Radsimulator ist nat\u00fcrlich der erste seiner Art, mit unserem Sie mehrere individuell  gestaltete Radspinner erstellen k\u00f6nnen, die Sie entweder unabh\u00e4ngig voneinander oder gleichzeitig gebrauchen k\u00f6nnen.  Spin the particular Wheel ist ein Drehrad, das Ihnen bei der Entscheidung hilft bei ihrer zuf\u00e4lligen Wahl.  Ob Sie ein Gl\u00fccksrad ben\u00f6tigen, ein zuf\u00e4lliges Zahlengenerator, ein Rad der Namen, dieses Gewinnspielgenerator, ein Gl\u00fccksrad f\u00fcr Spiele oder aber ein einfaches Ja oder Nein, drehen Sie einfach dasjenige Rad, um das zu bekommen, had been Sie brauchen.<\/p>\n<h2 id=\"toc-0\">Ist Das Gl\u00fccksrad Fair? <\/h2>\n<p>Sie k\u00f6nnen das Rad drehen, 1 zwischen Jobangeboten \u00fcber entscheiden und zu entscheiden, welches Runde sie spielen und erstellen m\u00f6chten ein zuf\u00e4lliger Name f\u00fcr eine Figur within einem Buch, dasjenige Sie schreiben.  Damit sind die M\u00f6glichkeiten aber noch wirklich nicht\" \"ersch\u00f6pft, denn Zufallsr\u00e4der sind immer auf jeden Tumble interessanter, wenn Sie zwei oder mehr verwenden...  Sie k\u00f6nnen die Registerkarte \u201eBearbeiten\u201c verwenden, um Fotografier und beliebigen Text einzuf\u00fcgen, z.  Lehrer k\u00f6nnen das Lista drehen, um ha sido als zuf\u00e4llige Namensauswahl f\u00fcr das Klassenzimmer zu verwenden, kombiniert mit  einem zweiten Rad mit 1er bestimmten Frage <a href=\"https:\/\/lucky-wheel-slots.com\/\">Lucky Wheel online<\/a>.<\/p>\n<ul>\n<li>Verwenden Sie die Funktion \u201eDesign\u201c, o Ihrer Wheel-Seite sehr Pers\u00f6nlichkeit zu geben, und klicken Sie auf \u201eSpeichern\u201c, infolgedessen Sie sie sp\u00e4ter wieder verwenden k\u00f6nnen. <\/li>\n<li>Klicken Sie im Men\u00fc des Wheel-Panels auf \u201eHinzuf\u00fcgen\u201c, 1 mehrere Wheels zu erstellen. <\/li>\n<li>Sie k\u00f6nnen dieses Rad drehen, um zwischen Jobangeboten \u00fcber entscheiden und \u00fcber entscheiden, welches Runde sie spielen oder erstellen m\u00f6chten das zuf\u00e4lliger Name f\u00fcr eine Figur within einem Buch, dieses Sie schreiben. <\/li>\n<\/ul>\n<p>PreisradSteigern Sie das Engagement bei Ihrer n\u00e4chsten Veranstaltung, indem Sie living room Teilnehmern erlauben, Preise zu gewinnen.  Perfekt f\u00fcr Messen, Fundraising-Veranstaltungen und Firmenveranstaltungen.  Ja, unser Algorithmus gew\u00e4hrleistet eine zuf\u00e4llige und faire Auswahl jedes Mal.  Um dies zu erreichen, erstellen Sie ein neues Rad und bearbeiten Sie es, indem Sie\" \"Ihre eigenen Eintr\u00e4ge hinzuf\u00fcgen.  Verwenden Sie perish Funktion \u201eDesign\u201c, 1 Ihrer Wheel-Seite sehr Pers\u00f6nlichkeit zu besorgen, und klicken Sie auf \u201eSpeichern\u201c, infolgedessen Sie sie sp\u00e4ter wieder verwenden k\u00f6nnen.<\/p>\n<h3 id=\"toc-1\">Wie Kann Ich Dieses Gl\u00fccksrad Verwenden? <\/h3>\n<p>\"Haben Sie Schwierigkeiten \u00fcber entscheiden, was Sie zum Mittagessen essen m\u00f6chten?  Unser Restaurant-Rad ist hier, o zu helfen. K\u00f6nnen Sie sich nicht entscheiden, welche Farbe Sie w\u00e4hlen sollen?  Es gibt dieses Farbauswahl-Rad daf\u00fcr. Oder m\u00fcssen Sie einfach eine zuf\u00e4llige Zahl ausw\u00e4hlen?  Dies ist echt ein Online-Tool zu dem zuf\u00e4lligen Ausw\u00e4hlen des Namens oder Components. Es wird im \u00fcbrigen als zuf\u00e4llige Namensauswahl, Namensrad oder Online-Roulette bezeichnet. Manchmal ist es f\u00fcr Menschen schwierig, Entscheidungen \u00fcber treffen.  Erstellen Sie dann eine Liste der vorhandenen Optionen oder Kandidaten ebenso w\u00e4hlen Sie eine gewisse nach dem Zufallsprinzip aus.<\/p>\n<ul>\n<li>Was passiert, falls Sie anfangen \u00fcber drehen (klicken)? <\/li>\n<li>Wir haben keine spezifische Grenze, daher k\u00f6nnen Sie so viele Optionen hinzuf\u00fcgen, wie Sie ben\u00f6tigen. <\/li>\n<li>Wir empfehlen eine Mindestanzahl vonseiten 2 Namen, damit das Rad funktioniert. <\/li>\n<\/ul>\n<p>Wir haben keine spezifische Grenze, daher k\u00f6nnen Sie so viele Optionen hinzuf\u00fcgen, wie Sie ben\u00f6tigen.  Wir empfehlen eine Mindestanzahl von 2 Namen, damit das Rad funktioniert.  Dar\u00fcber hinaus gibt es diesen Rad-Spinner-Ersteller muss mit benutzerdefiniertem Music bearbeitet werden, indem Sie aus ihrer Auswahl an Tonkunst und Soundeffekten ausw\u00e4hlen.  Dieses Freilauf-Spinner-Generatorsystem wurde im Hinblick bei h\u00f6chste Flexibilit\u00e4t entwickelt.<\/p>\n<h2 id=\"toc-2\">Online Gl\u00fccksrad<\/h2>\n<p>Wenn das Spinner-Rad stoppt, k\u00f6nnen Sie es teilen, indem Sie auf die Schaltfl\u00e4che \u201eTeilen\u201c klicken.  Sie k\u00f6nnen es \u00fcber alle sozialen Medien Plattformen auf welche art Facebook, X (Twitter), Pinterest und andere teilen.  Ja \u2013 der Zufallsradspinner ist v\u00f6llig kostenlos zu nutzen und wird es immer bleiben.  Alle Funktionen sind immer ohne zus\u00e4tzliche Ausgabe zug\u00e4nglich.  VerlosungsradModernisieren Sie Ihre Verlosungsziehungen durch unserem digitalen Verlosungsrad.  Keine Papierkarten und manuelle Auswahl mehr erforderlich.<\/p>\n<ul>\n<li>Alle Funktionen sind oftmals ohne zus\u00e4tzliche Kosten zug\u00e4nglich. <\/li>\n<li>Es gibt das Farbauswahl-Rad daf\u00fcr. Und m\u00fcssen Sie anspruchslos eine zuf\u00e4llige Wert ausw\u00e4hlen? <\/li>\n<li>Angenommen, Sie m\u00f6chten ein Drehrad verwenden, um zu entscheiden what to be able to eat zum Abendessen und ein zweites Rad, um \u00fcber entscheiden, ob man vor Ort isst oder die Guten appetit mitnimmt. <\/li>\n<li>Wenn das Spinner-Rad stoppt, k\u00f6nnen Sie es teilen, indem Sie auf expire Schaltfl\u00e4che \u201eTeilen\u201c klicken. <\/li>\n<\/ul>\n<p>Wir verwenden einen kryptographisch sicheren Zufallszahlengenerator, um jedes Mal faire und wirklich zuf\u00e4llige Ergebnisse zu gew\u00e4hrleisten.  Was passiert, falls Sie anfangen zu drehen (klicken)?  Das Programm auf genau dieser Seite generiert eine gewisse wirklich zuf\u00e4llige Wert durch native Javascript-API und berechnet diese Zahl, um auf einen der Ansehen zu verweisen. Dann beginnt sich das Kreisrad mit der CSS3-2D-Methode zu drehen.  NamensauswahlLehrer und Teamleiter lieben unsere Namensauswahl-Funktion, um Sch\u00fcler oder Teammitglieder fair f\u00fcr Aufgaben oder Belohnungen auszuw\u00e4hlen.<\/p>\n<h3 id=\"toc-3\">Gibt Ha Sido Eine Mindestanzahl Vonseiten Namen? <\/h3>\n<p>In dem Fall k\u00f6nnen Sie mit unserem Application Entscheidungen treffen.  Einfach und macht Spa\u00df. Sie k\u00f6nnen die Namen im Textbereich \u00e4ndern und den Namen pro Zeile eingeben. Die Prestige werden auf family room Kreis gezeichnet. Klicken Sie einfach auf das Kreisrad, sera beginnt sich diverse Sekunden lang \u00fcber drehen.  Das Ergebnis ist eine zuf\u00e4llige Auswahl eines Namens in der Liste. Wir bieten ebenso praktische Tastenkombinationen, falls Sie den Desktop verwenden.  Angenommen, Sie m\u00f6chten ein Drehrad verwenden, um \u00fcber entscheiden what to be able to eat zum Abendessen und ein zweites Rad, um \u00fcber entscheiden, ob guy vor Ort isst oder die Guten appetit mitnimmt.  Auf spinthewheel. io k\u00f6nnen Sie diese erstellen dar\u00fcber hinaus dann beide zusammenfallend drehen, um \u00fcber Ihrer Entscheidung zu gelangen.  Das Gl\u00fccksrad ist ein interaktives, leicht zu bedienendes Webtool, das Entscheidungen treffen unterhaltsam macht.<\/p>\n<ul>\n<li>Alle Funktionen sind ohne zus\u00e4tzliche Ausgabe zug\u00e4nglich. <\/li>\n<li>Wenn das Spinner-Rad stoppt, k\u00f6nnen Sie es teilen, indem Sie auf expire Schaltfl\u00e4che \u201eTeilen\u201c klicken. <\/li>\n<li>Das Programm auf genau dieser Seite generiert viele wirklich zuf\u00e4llige Zahl durch native Javascript-API und berechnet jene Zahl, um auf einen der Prestige zu verweisen. Danach beginnt sich dasjenige Kreisrad mit welcher CSS3-2D-Methode zu drehen. <\/li>\n<li>Unser Restaurant-Rad ist hier, um zu helfen. K\u00f6nnen Sie sich nie und nimmer entscheiden, welche Farbe Sie w\u00e4hlen sollen? <\/li>\n<li>Klicken Sie im or her Men\u00fc des Wheel-Panels auf \u201eHinzuf\u00fcgen\u201c, um mehrere Wheels zu erstellen. <\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\"gl\u00fccksrad \u00bb Anpassbares Werkzeug F\u00fcr Zuf\u00e4llige Auswahl Content Ist Das Gl\u00fccksrad Fair? Wie Kann Ich Dieses Gl\u00fccksrad Verwenden? Online Gl\u00fccksrad Gibt Ha Sido Eine Mindestanzahl Von Namen? Vergangene Ergebnisse K\u00f6nnen Sie Ihr Rad Speichern Und Zerteilen? Ist Fue Kostenlos Zu Gebrauchen? Gl\u00fccksrad Wie Es Funktioniert\" Wof\u00fcr Kann Das Gl\u00fccksrad Verwendet Werden? \"Auf Welche Weise Man [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/3597"}],"collection":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3597"}],"version-history":[{"count":1,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/3597\/revisions"}],"predecessor-version":[{"id":3598,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/3597\/revisions\/3598"}],"wp:attachment":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3597"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}